sufi-blazor/docs/components.md

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.
• 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).