API Reference pui v#1.0.0

Public entry point for the PUI Phoenix LiveView UI toolkit.

Styled native accordion components.

Alert component for displaying important messages and status updates.

An avatar with a host-controlled fallback.

A compact label for statuses, categories, and counts.

Accessible breadcrumb navigation primitives.

A versatile button component with multiple variants and sizes.

A container that groups related buttons together with consistent styling.

Card primitives for grouping related content.

uPlot-backed chart components for Phoenix LiveView.

Structural helpers for organizing page content.

Date picker components built from a trigger button and a popover calendar.

Zero-style date-picker hook parts.

A modal dialog component for LiveView applications.

Zero-style dialog parts.

Styled dropdown menus.

Zero-style menu parts backed by the PUI popover hook.

A composable empty state for collections and pages without content.

Toast notification system for LiveView applications.

Zero-style flash viewport and toast parts.

Provider-backed icons for PUI-owned affordances.

Default CSS-class provider for Phoenix Heroicons.

Behaviour for rendering PUI's semantic icon tokens.

Form controls for text inputs, checkboxes, radios, switches, labels, and textareas.

Reusable application shell primitives for documentation sites, dashboards, and other two-pane LiveView layouts.

Zero-style parts for the persistent PUI sidebar hook.

Loading indicators and progress components.

A button that opens a popup menu. Built on top of Popover.

Accessible, host-controlled pagination links.

Popover and tooltip components using Floating UI for positioning.

Zero-style Floating UI popover parts.

An accessible progress bar for completion and loading states.

A customizable select dropdown with search, grouping, and form-aware errors.

Zero-style, hook-wired select parts.

A visual separator for related content and controls.

An accessible loading placeholder.

A styled, stream-aware data table for Phoenix LiveView.

Accessible tabs for switching between related panels of content.

Zero-style, accessible tab parts backed by the PUI tabs hook.

Zero-style tooltip parts backed by the PUI tooltip hook.