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
A comprehensive component library covering forms, layout, data display, charts, navigation, and feedback patterns.
Usage
All components are exported from @pex/ui-web using domain-specific paths:
import { ButtonItem } from "@pex/ui-web/forms/button";
import { ChartItem } from "@pex/ui-web/charts/bar-chart";
import { CardItem } from "@pex/ui-web/display/card";
import { DataGrid } from "@pex/ui-web/data/data-grid";
import { Container } from "@pex/ui-web/layout/container";
import { Spinner } from "@pex/ui-web/feedback/spinner";
import { Breadcrumb } from "@pex/ui-web/navigation/breadcrumb";Example
Component Categories
| Category | Components |
|---|---|
| Forms | Button, Field, File Uploader, Signature Pad, Text Area, Date Picker |
| Layout | Container, Section Header, Separator, Spacer |
| Display | Card, Image, Text, Title, Video Player |
| Data | Data Grid, Card Collection, List Collection, Table Collection |
| Charts | Bar Chart, Line Chart, Radial Chart, Big Number |
| Navigation | Breadcrumb, Tabs, Tabs Container, Action Row |
| Feedback | Spinner, Hint, Progress |