Renders a box with optional padding and/or borders.
A box has even padding and borders on each side. If you need padding and borders on only one or some sides then you don’t have a box.
<.box padding="2xs" border="sm"> I'm the content! </.box>
A card box
Additional classes to add to the parent.
Applies the primary border color, radius and padding
Applies the secondary border color, radius and padding
Applies the tertiary border color, background color, radius and padding
Applies the card surface: body border color, radius and the primary light
background. Unlike the other variants, padding comes from the padding attribute so cards control their own insets.
padding
The border width
<.p>A card box</.p>