Box
The Rivet equvalent for this component is available here for comparison.
Default box
This is basic box
HTML
Box body
This is a basic box
HTML
Box header and footer
Header text
This is a box with a header, a footer, and some content with a link.
HTML
Light box variant
Header text
This is a box with a header, a footer, and some content with a link.
HTML
Box rows
Box rows with a list
- A link in a row
- Some text in a row
- Some text in a row
HTML
Box rows with generic elements
- Plain box row one
- Plain box row two
- Plain box row three
HTML
Compact box variant
A box with rows
- Some text in a row
- Some text in a row
- Some text in a row
HTML
Colored box variant
A box with rows
- Some text in a row
- Some text in a row
- Some text in a row
A box with rows
- Some text in a row
- Some text in a row
- Some text in a row
A box with rows
- Some text in a row
- Some text in a row
- Some text in a row
A box with rows
- Some text in a row
- Some text in a row
- Some text in a row
HTML
Colored box row variants
A box with rows
- Default row
- Info row variant
- Success row variant
- Warning row variant
- Danger row variant
HTML
Card variant
This is the card variant of a box with a body element
HTML
Card image
HTML