sunweb

Box

component action box

Definition


A box theme applies spacing, a border, and rounded corners to areas of content.

If you need a complex content, like a title or an image, consider to use the card component.

React

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...

Variants


c-box > c-box--flat

The flat variant is used to show complementary not very relevant content, i.e. a state message.

React

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...
c-box > c-box--arrow

The arrow variant is used to show complementary not very relevant content, i.e. a state message.

React

<ul> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li> <li>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> </ul>
Loading...

Javascript

Loading...