- Accordion
- Alert Dialog
- Avatar
- Badge
- Banner
- BreadcrumbSOON
- Button
- Button Group
- Calendar
- Callout
- Card
- Checkbox
- CodeblockSOON
- Color Picker
- Container
- Control Group
- Dialog
- Dropdown
- File Uploader
- FlexBox
- FormSOON
- Grid View
- IconSOON
- ImageSOON
- Input
- Link
- List
- MenuSOON
- PaginationSOON
- Popover
- Progress
- Radio
- Section
- Select
- Separator
- Skeleton
- SliderSOON
- SpinnerSOON
- Switch
- Table
- Tabs
- Tag
- Textarea
- ToastSOON
- Tooltip
Container
The grand orchestrator of layout harmony. Container is a div that knows its limits, boasting a max-width layout, and effortlessly aligning your content for different screen sizes with grace.Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec diam sit amet lacus tincidunt facilisis. Sed nulla arcu, interdum a tortor et, bibendum sagittis nulla. Phasellus vel pulvinar dolor, non elementum dolor. Etiam accumsan nisl a ultrices iaculis. Morbi non lectus nulla. Sed non dui vel massa auctor bibendum. Quisque aliquet, magna in elementum aliquam, turpis nisi sodales ligula, quis lacinia erat ipsum in orci. Vivamus ut mauris vel eros maximus vehicula non sit amet dolor. Ut ornare nunc quis nibh maximus, id dapibus ligula posuere. Vestibulum id tempus felis. Sed eget mi non quam hendrerit luctus vitae a turpis. Integer eget elementum dui, nec aliquet ex.
API Reference
Component | Description |
---|---|
Container | The decision maker. The small clickable box that lets users toggle between choices, perfect for when you need to pick any number of options from a set. |
Component Properties
Container
Prop | Type | Default | Explanation |
---|---|---|---|
size | string | md | The size of the container, that affects the max-width applied. |
- xs375px
- sm640px
- md768px
- lg1024px
- xlg1280px
- full100%