Skip to main content

Composite Components

Composites combine PrismUI primitives into complete UI patterns. They cover overlays, data visualization, dashboard widgets, and messaging interfaces.

Overlays & Surfaces

PrismBottomSheet

A draggable bottom sheet with detent support:
Bottom Sheet

PrismToast & PrismNotificationBanner

Temporary feedback messages:
Toast
Notification Banner

PrismAlert & PrismBanner

Alert
Banner

More Overlays

Content Components

PrismSearchBar & PrismSearchSuggestions

Search

PrismCarousel

Horizontal scrolling carousel with pagination:
Carousel

PrismOnboarding & PrismEmptyState

Onboarding
Empty State

PrismCountdownTimer

Countdown

Charts

PrismUI wraps Swift Charts with token-based styling. Available on iOS 16+, macOS 13+.

PrismBarChart

Vertical/horizontal bar chart with token colors

PrismLineChart

Line/area chart with gradient fill

PrismRadarChart

Multi-axis radar/spider chart

PrismHeatmap

Color-coded matrix for density data

PrismSparkline

Inline mini chart for tables and rows

PrismTreemap

Nested rectangles for hierarchical data

PrismFunnelChart

Conversion funnel visualization

PrismCandlestickChart

OHLC candlestick chart for financial data
Bar Chart Example
Line Chart Example

Dashboard Components

Pre-built widgets for analytics dashboards:
KPI Cards
Stat Grid

Communication Components

Ready-made views for chat and messaging interfaces:
Chat Interface