Getting Started
UI Library
- Button
- Date Picker
- Field
- Fields
- Input Group
- File Uploader
- Signature Pad
- Text Area
- Container
- Section Header
- Separator
- Spacer
- Action Row
- Breadcrumb
- Tabs
- Tabs Container
- Card
- Image
- Text
- Title
- Video Player
- Card Collection
- Data Grid
- List Collection
- Table Collection
- Bar Chart
- Big Number
- Line Chart
- Radial Chart
- Hint
- Progress
- Spinner
- Skeleton
- Toast
- Sheet
- Dialog
- Real-world patterns
- Primitives
Import components from @pex/ui-web using domain-specific paths:
import { ButtonItem } from "@pex/ui-web/forms/button";
import { Card } from "@pex/ui-web/display/card";
import { DataGrid } from "@pex/ui-web/data/data-grid";
import { Spinner } from "@pex/ui-web/feedback/spinner";Each component page in the UI Library shows its import path, props, and live examples.
Conventions
- Components accept a
classNameprop for local overrides - Form components integrate with
react-hook-formvia aFieldwrapper - Chart components take a
dataarray — see each chart page for the expected shape
On This Page
Conventions