Class OtpInputStyle

Defines the visual styling options for the SfOtpInput component input fields.

Inheritance

System.Object

OtpInputStyle

Namespace: Syncfusion.Blazor.Inputs

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class OtpInputStyle : Enum

Remarks

This enumeration controls the visual appearance and theme of the input fields, allowing the component to match different design systems and user interface styles.

Fields

Filled

Displays input fields with a filled background color instead of borders.

Declaration

public const OtpInputStyle Filled

Field Value

Type
OtpInputStyle

Remarks

This style provides a solid, prominent appearance that can help draw attention to the input area. It works well when you want the OTP input to be a focal point of the interface.

Outlined

Displays input fields with a visible border outline around each field.

Declaration

public const OtpInputStyle Outlined

Field Value

Type
OtpInputStyle

Remarks

This is the default styling mode and provides clear visual boundaries for each input field. It works well in most design contexts and provides good visual hierarchy.

Underlined

Displays input fields with only a bottom border line, creating a minimalist appearance.

Declaration

public const OtpInputStyle Underlined

Field Value

Type
OtpInputStyle

Remarks

This style creates a clean, minimal look that works well in modern, flat design interfaces. It's particularly suitable for mobile applications and contemporary web designs.