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.

AppLayout

The application shell around every page, with slots for banners, a header, a resizable side navigation, the scrolling content and trailing sidebars.

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.