Table of Contents

Class TwTooltipTheme

Namespace
TwBlazor.Configuration.Components
Assembly
TwBlazor.dll

Theme configuration for tooltips: TwTooltip and the Tooltip parameter on TwButton and TwIcon. Override any property to customize tooltip styles globally. The bubble's surface (background, border, rounded corners, shadow) comes from TwPopoverTheme. Reached through Tooltip.

[ExcludeFromCodeCoverage]
public class TwTooltipTheme
Inheritance
TwTooltipTheme
Inherited Members

Constructors

TwTooltipTheme()

public TwTooltipTheme()

Properties

Arrow

Gets or sets the classes shared by every tooltip arrow: a small rotated square that sits on the bubble's edge. Its fill and border come from TwPopoverTheme so it matches the bubble; the per-placement classes below position it and hide the two borders that would show inside the bubble.

public required string Arrow { get; set; }

Property Value

string

ArrowBottom

Gets or sets the classes that place the arrow on the top edge of a bubble shown below its control.

public required string ArrowBottom { get; set; }

Property Value

string

ArrowLeft

Gets or sets the classes that place the arrow on the right edge of a bubble shown left of its control.

public required string ArrowLeft { get; set; }

Property Value

string

ArrowRight

Gets or sets the classes that place the arrow on the left edge of a bubble shown right of its control.

public required string ArrowRight { get; set; }

Property Value

string

ArrowTop

Gets or sets the classes that place the arrow on the bottom edge of a bubble shown above its control (Top).

public required string ArrowTop { get; set; }

Property Value

string

Bottom

Gets or sets the offset classes that place a tooltip bubble below its control.

public required string Bottom { get; set; }

Property Value

string

Bubble

Gets or sets the layout, typography and visibility classes for a tooltip bubble: hidden until the Wrapper is hovered or the control is keyboard-focused. Where the bubble sits comes from Top, Bottom, Left or Right.

public required string Bubble { get; set; }

Property Value

string

Remarks

Hide the bubble with display rather than visibility: an invisible bubble still takes up layout space, so one near the edge of the screen makes the page scroll sideways.

Dismissed

Gets or sets the classes added to a bubble the user has dismissed with Escape. They must win over the hover and focus variants in Bubble, so the bubble stays hidden until the user leaves the control.

public string Dismissed { get; set; }

Property Value

string

Left

Gets or sets the offset classes that place a tooltip bubble to the left of its control.

public required string Left { get; set; }

Property Value

string

Right

Gets or sets the offset classes that place a tooltip bubble to the right of its control.

public required string Right { get; set; }

Property Value

string

Top

Gets or sets the offset classes that place a tooltip bubble above its control (Top, the default).

public required string Top { get; set; }

Property Value

string

Wrapper

Gets or sets the classes for the wrapper rendered around any control that has a tooltip. Must establish a positioning context and the group hook that Bubble's hover/focus variants key off.

public required string Wrapper { get; set; }

Property Value

string