Selection controls

Selection control components allow a user to select options. These components must be used with the v-model prop as they do not maintain their own state.

Utilização

API

props

slots

events

Nome

append-icon

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

append-icon-cb

Padrão

null

Tipos

function

Components.SelectionControls.

Nome

background-color

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

color

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

column

Padrão

true

Tipos

boolean

Components.SelectionControls.

Nome

dark

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

disabled

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

error

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

error-count

Padrão

Tipos

number | string

Components.SelectionControls.

Nome

error-messages

Padrão

[]

Tipos

string | array

Components.SelectionControls.

Nome

height

Padrão

auto

Tipos

number | string

Define a altura do componente

Nome

hide-details

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

hint

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

label

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

light

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

mandatory

Padrão

true

Tipos

boolean

Components.SelectionControls.

Nome

messages

Padrão

[]

Tipos

string | array

Components.SelectionControls.

Nome

name

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

persistent-hint

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

prepend-icon

Padrão

undefined

Tipos

string

Components.SelectionControls.

Nome

prepend-icon-cb

Padrão

null

Tipos

function

Components.SelectionControls.

Nome

readonly

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

row

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

rules

Padrão

[]

Tipos

array

Components.SelectionControls.

Nome

success New in — v1.1

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

success-messages New in — v1.1

Padrão

[]

Tipos

string | array

Components.SelectionControls.

Nome

validate-on-blur

Padrão

false

Tipos

boolean

Components.SelectionControls.

Nome

value

Padrão

undefined

Tipos

any

Controla visibilidade

Nome

value-comparator

Padrão

null

Tipos

function

Components.SelectionControls.

Exemplos

Checkboxes - Boolean

Checkboxes - Array

Checkboxes - States

Checkboxes - Colors

Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.

Checkboxes - Inline with a textfield

Radios - Default

Radio-groups are by default mandatory. This can be changed with the mandatory prop.

Radios - Direction

Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.

Radios - Colors

Radios can be colored by using any of the builtin colors and contextual names using the color prop.

Switches - Boolean

Switches - Array

Switches - States

Switches - Colors

Switches can be colored by using any of the builtin colors and contextual names using the color prop.

Label slot

Selection controls' labels can be defined in label slot - that will allow to use HTML content

Up Next

Edit this page | language on Github

— Contribution Guide