SelectInput


This documentation provides a comprehensive reference for the SelectInput component, including its item binding, Bulma select styling, icons, and event parameters.

Demos

Preview #

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object> null Gets or sets additional attributes that will be applied to the component. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Color SelectInputColor None Gets or sets the color. 1.2.0
ContainerCssClass string null Gets or sets the CSS class for the container element. 1.2.0
ContainerCssStyle string null Gets or sets the CSS style for the container element. 1.2.0
Disabled bool False Gets or sets the disabled state. 1.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsRounded bool False If true, the rounded variant will be enabled. 1.2.0
Items IEnumerable<SelectInputItem<TValue>>? null Gets or sets the items rendered by the select element. 1.2.0
LeftIcon RenderFragment null Gets or sets the content displayed after the select element on the left side. 1.2.0
Placeholder string null Gets or sets the placeholder option text. 1.2.0
RightIcon RenderFragment null Gets or sets the content displayed after the select element on the right side. 1.2.0
Size SelectInputSize None Gets or sets the size. 1.2.0
State SelectInputState None Gets or sets the state. 1.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Text string null Gets or sets the selected item text. 1.2.0
TextExpression Expression<Func<string>>? null Gets or sets the expression. 1.2.0
Value TValue null Gets or sets the selected item value. 1.2.0
ValueExpression Expression<Func<TValue>>? null Gets or sets the expression. 1.2.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the SelectInput<TValue>. 1.2.0
Enable() Void Enables the SelectInput<TValue>. 1.2.0

Events #

Name Return Type Description Added Version
TextChanged EventCallback<string> This event fires when the SelectInput<TValue> text changes. 1.2.0
ValueChanged EventCallback<TValue> This event fires when the SelectInput<TValue> value changes. 1.2.0
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.