Namespace TwBlazor.Components

Represents an alert component that displays informational messages to users.

A navigation component which displays an ordered list of the current page navigation.

Represents a configurable button component that supports custom content, navigation, and event handling in a Blazor application.

TwButtonGroup

Represents a container component for grouping multiple TwButton components together.

TwCard

Represents a card component that provides a contained surface for grouping related content.

TwCarousel

Represents a carousel that displays one slide (TwCarouselItem) at a time, with optional arrow navigation, slide-picker indicators, swipe gestures, and automatic playback.

TwCarouselItem

Represents a single slide within a TwCarousel.

TwCheckboxGroup<TValue>

Represents a container component for grouping multiple TwCheckbox<T> components together.

TwCheckbox<T>

Represents a generic checkbox input component for Blazor that supports two-way data binding and customizable value types.

TwChip

Represents a chip component for displaying compact elements representing an input, attribute, or action.

TwChipGroup

Represents a container component for grouping multiple TwChip components together.

TwCodeBlock

TwCollapse

Represents a collapsible drawer component that shows or hides content when triggered.

TwColorPicker

A color picker component that supports multiple color formats (Hex, RGB, HSL) with optional alpha channel. Provides both a visual color picker dialog and text input for manual color entry.

TwDataTableColumn<TItem>

Defines a column in the TwDataTable with its properties and behavior.

TwDataTable<TItem>

Represents a generic data table component for displaying and managing a collection of items with features such as search, pagination, and customizable rendering.

TwDatePicker

Represents a date picker component that allows users to select a date from a calendar interface or enter a date manually.

TwDateRangePicker

Represents a date range picker component that lets users select a start and end date from a calendar popover showing two months side by side (one on narrow/mobile screens), or by typing both dates directly.

TwDateTimePicker

Represents a date and time picker component that allows users to select and edit date and time values, supporting both 12-hour and 24-hour formats.

TwDateTimeRangePicker

Represents a date and time range picker that lets users select a start and end date/time pair from a single popover, one step at a time: the start date and time first, then the end.

TwDialog

Renders the backdrop, positioning, and chrome (header, title, close button) around dialog content shown via ITwDialogService.

TwDialogProvider

Hosts and renders dialogs shown through ITwDialogService.

TwFileUpload

Represents a file upload input component that allows users to select and upload files. This component provides properties for handling file selection events and configuring multiple file selection. It inherits from TwBlazorInputComponentBase, which provides common input component functionality such as labeling and disabled state management.

TwIcon

Represents an icon component that displays Bootstrap icons.

TwInputLabel

TwInputRoot

Used for all input components to wrap the input element and provide a consistent root element for styling and attributes.

Represents a dual list-box ("pick list") that moves items between a source and a target collection, with two-way binding on both lists plus optional up/down reordering within either one.

TwProgress<T>

Represents a generic progress bar that displays completion of a task towards a maximum value.

TwRadioButton<T>

Represents a generic radio button input component for Blazor that supports two-way data binding and customizable value types.

TwRadioGroup<T>

Represents a container component for grouping multiple TwRadioButton<T> components together.

TwSelect<T>

Represents a generic select dropdown component that supports two-way data binding.

TwSidebar

Represents a responsive sidebar layout component with customizable header, navbar, and sidebar content areas.

TwSidebarItem

Represents a navigation item in a sidebar that can be either a parent item with collapsible children or a link item.

TwSidebarNavigationList

Recursively renders a list of NavigationItems for TwSidebar, expanding any item with nested NavigationItems into its own collapsible group - to any depth.

TwSkeleton

Renders a loading placeholder. With no ChildContent it renders a single static shape (SkeletonType/Width/Height). With ChildContent supplied, it instead measures the real rendered layout of that content (via the twSkeleton.observe JS interop call) and generates matching placeholder blocks automatically, so wrapping any markup in <TwSkeleton Loading="..."> produces a skeleton shaped like the content it hides.

TwSlider<T>

Represents a generic slider component that enables users to select a value within a specified range.

TwSpinner

Represents an animated loading indicator.

TwStep

Represents a single step within a TwStepper.

TwStepper

Represents a step-by-step progress indicator for multi-step flows (e.g. checkout, onboarding wizards), showing which steps are completed, which is active, and which are still upcoming.

TwSwitch<T>

Represents a toggle switch component that allows users to select between two states.

TwTab

Represents a tab within a tab container, allowing users to navigate between different content sections.

TwTabContainer

Represents a tabbed interface component that allows users to organize and switch between multiple content sections within a user interface.

TwTable

Represents a customizable table component for Blazor applications that enables rendering of table headers, body, and footers with configurable styling and behaviour.

TwTextfield<T>

Represents a generic text input field component that supports two-way data binding.

TwTimePicker

Represents a time picker component that allows users to select and edit time values, supporting both 12-hour and 24-hour formats.

TwTimeRangePicker

Represents a time range picker that lets users select a start and end time-of-day pair from a single popover, switching between the two via a Start/End tab at the top.

TwToastProvider

A component that displays toast notifications managed by ITwToastService.

TwTreeList

Root of a tree of expandable/selectable items: renders the outer <ul role="tree"> and hosts nested TwTreeListItem nodes, given as ChildContent - typically generated with your own @foreach over whatever data you already have.

TwTreeListItem

Represents a single node in a TwTreeList: the actual row (chevron, checkbox, icon, label) plus, when it has children, its own nested <ul role="group">.

Table of Contents

Namespace TwBlazor.Components

Classes