Namespace TwBlazor.Configuration
Classes
- TwAnchorPosition
Classes for each screen-anchored position used to place floating elements such as toasts and dialogs. For the CSS "position" property itself (
absolute,relative, etc.), see TwBlazorPositioning.
- TwBackgroundColor
A color palette split by weight, used for background colors in a single mode (light or dark).
- TwBlazorBorder
The single combined home for everything border-related: width, semantic color, and neutral (gray-scale) color. Compose a class by picking one width and one color, e.g.
\("{Border.Width.AccentEdge} {Border.Colors.Primary}"</code> or <code>\)"{Border.Width.Thin} {Border.Neutral.Base}".
- TwBlazorBorderWidth
Global configuration for border-width utility classes, used by Width. Kept separate from border color so a width and a color can be mixed and matched.
- TwBlazorColor
Shared color configuration used across all components: text, hover, focus, border, background, and surface colors.
- TwBlazorComponents
A type-keyed bag of component themes. Only add the component themes you want to customize - e.g.
new() { new TwBlazorSliderTheme { ... }, new TwBlazorSidebarTheme { ... } }- and look them up by type with Get<TTheme>(). Consumers that don't find an entry for a given theme type fall back to that component's built-in default.
- TwBlazorDisplay
Global configuration for CSS display utility classes (e.g.
block,flex) shared by all components. Each property holds a single, complete Tailwind class so it can be referenced from component themes or from a component's own markup without concatenation.
- TwBlazorFlexbox
Global configuration for the flexbox utility classes shared by all components: direction, wrapping, grow/shrink, and the justify/align/align-content/align-self alignment scales. See TwFlexAlignmentScale for the shape of each alignment axis.
- TwBlazorFontSizeScale
A reusable font-size scale (Tailwind's "text-*" size classes), used by Size.
- TwBlazorFontWeightScale
A reusable font-weight scale (Tailwind's "font-*" weight classes), used by Weight.
- TwBlazorGapScale
A reusable four-step scale of gap sizes (Tailwind's "gap-*"), used by Gap.
- TwBlazorHeight
A reusable three-step height scale, used by component themes that need a small/medium/large fixed-height preset (e.g. a size variant that isn't just icon-driven).
- TwBlazorIconSize
A reusable scale of square icon sizes (equal width and height, e.g. Tailwind's
size-*shorthand), used by Icon.
- TwBlazorInset
Global configuration for CSS inset utility classes (Tailwind's
top-/bottom-/start-/end-), used to pin arelative/absolute-positioned element to an edge of its container. Kept separate from TwBlazorPositioning, which is only the CSS "position" mode itself (relative,absolute, etc.) - insets are a distinct CSS concern usually combined with it.
- TwBlazorInteraction
Global configuration for interaction-state classes (cursors and disabled opacity) shared by all components.
- TwBlazorOptions
Global configuration options for TwBlazor components.
- TwBlazorOverflow
Global configuration for CSS overflow utility classes shared by all components.
- TwBlazorPositioning
Global configuration for the CSS "position" utility classes (e.g.
absolute,relative) shared by all components. For anchoring a floating element to a spot on screen (e.g. a dialog or toast corner), see TwAnchorPosition instead.
- TwBlazorRounded
Global configuration for the border-radius (rounded corner) scale shared by all components.
- TwBlazorRoundedScale
A reusable set of border-radius classes for one edge/corner group (e.g. top, start). Used by TwBlazorRounded for its directional variants.
- TwBlazorShadow
Global configuration for the shadow (elevation) scale shared by all components.
- TwBlazorSizing
Global configuration for shared width/height utility classes reused by all components, so "w-full", "h-full", and common square icon sizes aren't retyped in every component theme.
- TwBlazorSpacing
Global configuration for spacing utility classes (gap, padding, and margin presets) shared by all components.
- TwBlazorSpacingScale
A reusable four-step scale of uniform spacing presets (all sides equal, e.g. Tailwind's "p-" or "m-"), used by TwBlazorSpacing for both its Padding and Margin scales.
- TwBlazorTextTransform
Global configuration for CSS text-transform utility classes shared by all components.
- TwBlazorTheme
The root theme configuration, aggregating the rounded, shadow, and color scales along with per-component theme overrides.
- TwBlazorTransition
Global configuration for CSS transition utility classes shared by all components: the property being transitioned, the duration scale, and the common property+duration combinations most components reach for. Compose a one-off combination from Colors/Transform, DurationFast/DurationSlow, and EaseInOut if none of the pre-combined properties fit.
- TwBlazorTypography
Global configuration for shared typography utility classes (font-size scale, font-weight scale, and text alignment) reused across component themes.
- TwBlazorWidth
A reusable three-step width scale, used by component themes that need a small/medium/large fixed-width preset.
- TwBorderNeutralTones
A reusable set of neutral (gray-scale) border tones, mirroring the border-related members of TwSurfacePalette so they can also be reached from Neutral alongside the semantic Colors and the shared Width.
- TwFlexAlignmentScale
A reusable alignment scale for a single flexbox/grid alignment axis (e.g.
justify-content,align-items). Not every axis supports every value - for examplejustify-contenthas no "baseline" - so leave the classes that don't apply to a given axis unset.
- TwTextColor
A color palette split by weight, used for text colors in a single mode (light or dark).