Utilities

CSS classes for fine-tuning a layout or creating custom components

Avoid purely aesthetic customizations

Rivet utilities should be used to fine-tune page layouts or create interface elements the built-in components don't cover. Utilities should not be used to make changes that are purely aesthetic in nature. For more information, visit the Extending Rivet page.

Border

Add or remove borders
Color

Set foreground or background colors
Display

Set block, inline, or inline-block display behavior
Flex

Set flexbox behavior
Gap

Set spacing between rows and columns
Shadow

Add box shadows
Spacing

Add, adjust, or remove margin and padding
Typography

Set text size, weight, line height, and alignment
Visibility

Hide content in a responsive and accessible way
Width

Set width
Z Index

Set z-index