58 lines
2.1 KiB
Markdown
58 lines
2.1 KiB
Markdown
# 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).
|