Layout
Arrange page structure, spacing, grouping, and scroll behavior with layout primitives.
Pages
Accordion
Accordion is a component that allows for the expansion and collapsing of content
AccordionGroup
AccordionGroup is the wrapper component for Accordions. It allows for limiting open accordions and helps standardize styling.
AspectRatio
A utility component for constraining content to a fixed width-to-height ratio.
Box
Base component for all Pluma components. All components in Pluma are built using the Box component. This means Pluma components all accept the Box component's props.
Card
Card is a component for grouping similar content in a container.
CenterBaseline
Utility component for centering content vertically.
Divider
A horizontal line that separates content.
EmptyState
EmptyStates notify the user that the content area or page has no data.
Flex
A utility component for creating flex containers.
FormLayout
A flexible layout component for arranging form elements with customizable spacing.
Grid
A utility component for building CSS grid layouts.
InlineStack
A utility component for creating horizontal flex containers.
Panel
A Panel wraps related content, sometimes separated by borders, within a minimally-styled container.
Scrollable
Scrollable is a utility component that provides a scrollable container with configurable overflow behavior and edge detection capabilities.
SplitView
A layout component for splitting a space into resizable, nestable panes with draggable handles.
Stack
A utility component for creating vertical flex containers.