Class VisualMode

Determines the visual mode behavior for the SfMultiSelect Dropdown component.

Inheritance

System.Object

VisualMode

Namespace: Syncfusion.Blazor.DropDowns

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class VisualMode : Enum

Remarks

Controls how selected items are displayed in the MultiSelect component, allowing for delimiter, box, and checkbox visual representations.

Examples

VisualMode mode = VisualMode.Delimiter;

Fields

Box

Shows selected items in boxed segments inside the MultiSelect field.

Declaration

public const VisualMode Box

Field Value

Type	Description
VisualMode	Each selected item appears as a separate colored box with an option to remove.

Remarks

Useful for tag-style or chip-style selection presentations.

Examples

VisualMode mode = VisualMode.Box;

CheckBox

Each selection is displayed with a checkbox next to items in the dropdown list.

Declaration

public const VisualMode CheckBox

Field Value

Type	Description
VisualMode	Allows checkbox-based selection of multiple items in the dropdown list.

Remarks

Recommended where users are familiar with checkbox multi-selection.

Examples

VisualMode mode = VisualMode.CheckBox;

Default

Specifies the default visual mode where selected items are displayed as a comma-separated list.

Declaration

public const VisualMode Default

Field Value

Type	Description
VisualMode	Displays items in the MultiSelect box as delimited text (default behavior).

Remarks

The Default mode is used for typical list controls.

Examples

VisualMode mode = VisualMode.Default;

Delimiter

Displays selected items in the MultiSelect as a delimited string based on the configured delimiter.

Declaration

public const VisualMode Delimiter

Field Value

Type	Description
VisualMode	Shows selected value as a customizable delimiter-separated string.

Remarks

Provides better readability for multiple selected values.

Examples

VisualMode mode = VisualMode.Delimiter;