Select

Select inputs are form components used for providing a collapsible list of options.

Example

Basic Select

Disabled State

Disabled Select

Prefix and Suffix

Inkline allows you to easily add a prefix or suffix to your inputs. Using prefixes and suffixes you can, indicate your input type using an icon or text.

Select Prefix and Suffix

Sizes

You're able to use the size modifier to control the size of your inputs, using one of the available sizes: sm, md, and lg. The default size is set to md.

Select Sizes

API

Select API <i-select>
Property Description Type Accepted Default
disabled Sets the state of the select form component as disabled. Boolean true, false false
placeholder Sets the placeholder of the select form component. String
readonly Sets the state of the select form component as readonly. Boolean true, false false
schema Provides a schema binding to the select form component. See the Form Validation documentation. Object
size Sets the size of the select form component. String sm, md, lg md
value Sets the value of the select form component. To be provided using the v-model directive. String
Select Option API <i-select-option>
Property Description Type Accepted Default
disabled Sets the state of the select form component as disabled. Boolean true, false false
value Sets the value of the select form component option. String
label Sets the text label of the select form component option. String