Switch: thin

Switches are binary inputs that can be either on or off. They are used to toggle between two states. This is an example of a thin style switch.

نمایش کد
vue

Thin: sublabel

Switches can have a sublabel. use the sublabel prop to set the sublabel text and modify the swicth layout.

نمایش کد
vue

#<BaseSwitchThin>

•Model

v-model
نمایش مثال
vue

•خصوصیات

classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
id
The form input identifier.
نمایش مثال
vue
label
Accessible label of the switch.
نمایش مثال
vue
sublabel
The sublabel of the switch.
نمایش مثال
vue

•خصوصیات (با app.config)

color
Main color of the switch.
نمایش مثال
vue

•Exposed

color
Main color of the switch.
نمایش مثال
vue
el
The underlying HTMLInputElement element.
نمایش مثال
vue

Switch: ball

Switches are binary inputs that can be either on or off. They are used to toggle between two states. This is an example of a ball style switch.

نمایش کد
vue

Ball: sublabel

Switches can have a sublabel. use the sublabel prop to set the sublabel text and modify the swicth layout.

نمایش کد
vue

#<BaseSwitchBall>

•Model

v-model
نمایش مثال
vue

•خصوصیات

classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
id
The form input identifier.
نمایش مثال
vue
label
Accessible label for the switch.
نمایش مثال
vue
sublabel
The sublabel of the switch.
نمایش مثال
vue

•خصوصیات (با app.config)

color
Main color of the switch.
نمایش مثال
vue

•Exposed

color
Main color of the switch.
نمایش مثال
vue
el
The underlying HTMLInputElement element.
نمایش مثال
vue