Usage

PreviousNext

Importing and using components

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 className prop for local overrides
  • Form components integrate with react-hook-form via a Field wrapper
  • Chart components take a data array — see each chart page for the expected shape