Compositions
Reusable building blocks built from primitives.
Compositions combine multiple primitives into common UI patterns. They handle the wiring between components so you don't have to.
Live Examples
All Compositions
Feedback
Status, errors, loading, notifications
StatusBanner
Contextual status messages with optional actions
From: Banner, Text, Button
ErrorState
Error display with retry action and fallback options
From: Banner, Text, Button
LoadingState
Skeleton loading placeholder with status text
From: Spinner, Text, Box
AlertDialog
Confirmation dialog for destructive actions
From: Modal, Text, Button
Data Display
Tables, filters, pagination
DataTable
Table with selection, sorting, and pagination
From: Table, Checkbox, Button, Pagination
FilterBar
Horizontal filter controls with active filter pills
From: Select, TextField, Button, Chip
BulkActionBar
Floating bar for bulk operations on selected items
From: Box, Button, Text
Pagination
Page navigation controls
From: Button, Text, Select
SimpleTable
Declarative read-only table — data in, rows out. No selection or sorting.
From: Table, TableHeader, TableBody, TableRow, TableCell
Search
Search input with debouncing, loading state, and result highlighting
From: SearchField, Spinner, Box
Forms
Form integration and field helpers
Layout
Page and section structures
Primitives
React wrappers for individual Polaris Web Components. The foundation.
Compositions
Building blocks that combine primitives. Reusable across pages.
Recipes
Complete page patterns and flows. Full solutions to app problems.