Box
Box is a basic wrapper component for most layout related needs.
-
Documentation
- box
Simple box
Content
Dashed border
Dashed
Box elements
Header
Body
Row
Row
Footer
Condensed
Header
Row
Row
Footer
Spacious
Header
Row
Row
Footer
Blue box
Header
Row
Row
Footer
Danger
Row
Row
Blue header
Header
Row
Row
Footer
Row themes
Row
Row
Row
Row
Row
From data
A
B
C
Box title
Title
Row
Box title with a counter
Title 12
Row
Box title with a button
Title
Rest
Box with an alert
Header
Done!
Body
Footer
Header with icon button
A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right
Content
Overflow inner content
Header
General info
Body
Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Footer
-
On this page
- Top of page
- Documentation
-
Stories
- Simple box
- Dashed border
- Box elements
- Condensed
- Spacious
- Blue box
- Danger
- Blue header
- Row themes
- From data
- Box title
- Box title with a counter
- Box title with a button
- Box with an alert
- Rows as links
- Row with link
- Header with icon button
- Overflow inner content
- Top of page