Table of Contents

Class TwIconTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Theme configuration for icon components (TwIcon). Override any property to customize icon styles globally.

[ExcludeFromCodeCoverage]
public class TwIconTheme
Inheritance
TwIconTheme
Inherited Members

Constructors

TwIconTheme()

public TwIconTheme()

Properties

Colors

Gets or sets the color palette applied to icons that set Color.

public required TwBlazorPalette Colors { get; set; }

Property Value

TwBlazorPalette

Remarks

Each entry carries both its light and dark: mode classes. Icons are graphics, so these only need the 3:1 non-text contrast ratio and can be more vivid than the body text colors.

HoverBackground

Gets or sets the hover state-layer classes applied to an icon button (a TwIcon rendered with an OnClick delegate).

public required string HoverBackground { get; set; }

Property Value

string

Remarks

Tints the button's already-circular rounded-full shape with currentColor on hover, matching the Material icon button convention, instead of relying on the button's Color/Variant classes (which are empty for the common colorless, text-variant icon button).

Pulse

Gets or sets the classes that enable the icon button's press "pulse".

public required string Pulse { get; set; }

Property Value

string

Remarks

Applies position: relative (the button's own overflow-hidden already comes from Base) plus the tw-icon-pulse marker class defined in input.css, which blooms a currentColor circle from the button's center on :active and fades it back out on release.