# SufiBlazor Components

Feature-oriented catalog. See **SufiChain.SufiBlazorDemo** and component XML docs for API details.

## Actions

- **SbButton** — Variants (solid, outline, ghost, link), colors, sizes, loading, full-width. Optional `Href` for link style. Start/end icons.  
- **SbIconButton** — Icon-only; use `AriaLabel`.  
- **SbLink** — Styled link.

## Forms

- **SbTextField** — Label, placeholder, type (text, password, etc.), required, error, helper text, clearable, adornments.  
- **SbTextArea** — Multi-line.  
- **SbSelect** / **SbSelectOption** — Single or multiple; options from markup or collection.  
- **SbCheckbox**, **SbRadio**, **SbSwitch** — Booleans.  
- **SbDatePicker**, **SbTimePicker** — Date/time.  
- **SbForm** / **SbFormField** — Form wrapper and labeled field with validation.

## Data

- **SbDataGrid** — See [DataGrid](data-grid.md).  
- **SbTable** — Simple table markup.  
- **SbPagination** — Page index/size, total count, optional page-size selector.

## Layout

- **SbStack** — Flex row/column, gap, justify, align.  
- **SbGrid** — CSS grid; column counts, gap.  
- **SbAppShell**, **SbSidebar** — App chrome; Wish Theme uses these.

## Navigation

- **SbTabs** / **SbTab** — Tabbed content.  
- **SbBreadcrumb** / **SbBreadcrumbItem** — Breadcrumbs.  
- **SbNavMenu** / **SbNavItem** — Hierarchical nav; used in Wish layouts.

## Overlays

- **SbDialog** — Modal; title, body, footer, size, close behavior.  
- **SbDrawer** — Slide-out panel; placement.  
- **SbPopover**, **SbTooltip** — Floating content.  
- **SbMenu** / **SbMenuItem** — Dropdown.

## Feedback

- **SbAlert** — Severity, dismissible, optional title.  
- **SbToast** / **SbToastHost** — Toasts; use service or local state.  
- **SbProgress** — Linear or circular; determinate or indeterminate.  
- **SbSkeleton** — Loading placeholders.  
- **SbBadge**, **SbChip** — Labels and tags.

## Surfaces & Typography

- **SbCard** — Header, body, footer; optional clickable.  
- **SbSurface**, **SbDivider**.  
- **SbHeading** (levels 1–6), **SbText** (variants, alignment).