Contains other UI elements, including other containers.
Use containers to manage your page layout; e.g. create a sidebar, page header/footer, or adjacent panels.
To turn a container into an input form, add a Button with an
action tag, e.g. with the value
create. The container should also be linked to a domain class.
Depending which modeling tool you’re using, add the following component from the palette into the wireframe:
|Container||Can contain ‘child’ UI elements.|
| ||Must be one of: left, right, center||Text justification for the UI element container.|
| ||Any CSS class name, without a preceding ||Adds the specified CSS class (or classes) to the UI element. If you define a class in a custom CSS file, you can apply it to a component using this tag. CodeBot will also recognise any ‘standard’ Bootstrap CSS classes such as |
|Must be one of: primary, secondary, success, danger, warning, info, light, dark, link||Changes a UI Element’s appearance. The allowed values are based on Bootstrap’s variant CSS classes. |
For React Labels, this will turn the label into an “Alert” component, with a background and text colour matching the variant. Useful for callouts, notes and static warnings (“Clicking OK will delete all your data”).