BlazorUI Demo

Utilities

Shared types keep component APIs consistent without exposing internal CSS helpers.

Shared visual options
TypeValues and purpose
SizeSmall, Medium, Large
VariantFilled, Soft, Outlined, Text, Ghost
ToneMuted, Soft, Normal, Strong, Vibrant
OrientationHorizontal, Vertical
Align / JustifyCross-axis and main-axis layout alignment
HTML customization

Visual components expose Id, Class, Style, and unmatched HTML attributes. Omit Id unless another element or a test needs a stable reference.

View code 
<BuiButton Id="save-customer" Class="min-w-32" data-testid="save-customer">
    Save
</BuiButton>
Specialized support types
  • DateRangeA start and end date value used by BuiDateRangeField.
  • Data grid contractsDataGridRequest, DataGridFilter, DataGridSort, and DataGridResult connect a grid to any data source without coupling it to OData.
  • Skeleton definitionsSkeletonSection and SkeletonPart describe repeatable loading layouts in one model.
  • Dialog and notification optionsTyped options and results configure service-created overlays without separate services.