⚪
Vuetify-Form-Base
  • Introduction
  • News & Changes
  • Quickstart
    • Start with
    • Installation
    • Intro
    • Features
    • License
  • Form
    • Validation
  • Component
    • Async Loading
    • Attributes
    • From Schema to Component
    • Events
    • Grid
    • Slots
    • CSS
    • Custom Components
    • Tooltips
  • Schema
    • General
    • Autogeneration
    • Computed Schema
    • Display & Typography
    • Grouping Controls
    • Arrays
  • Input & Controls
    • Text-Field & Input
    • Checkbox, Switch & Sliders
    • Radio Buttons
    • Buttons
    • Select, Combo & Autocomplete
    • Lists & Treeviews
    • Date, Time & Color
    • Icons & Images
Powered by GitBook
On this page
  • Checkbox
  • Info to Vuetify Checkbox
  • Switches
  • Info to Vuetify Switches
  • Slider
  • Info to Vuetify Sliders
  • Example Online

Was this helpful?

  1. Input & Controls

Checkbox, Switch & Sliders

This are used when there is a list of one or more options and the user must select one or more

PreviousText-Field & InputNextRadio Buttons

Last updated 4 years ago

Was this helpful?

Checkbox

Checkboxes are used when there are lists of options and the user may select any number of choices, including zero, one, or several.

// Checkbox Shorthand
schema: { 
    ctrl: 'checkbox',
    ... 
}
// Checkbox
schema: { 
    ctrl: { 
        type:'checkbox', 
        ...
    }, 
    ... 
}

Switches

Switches are used when there are lists of options and the user may select any number of choices, including zero, one, or several.

// Switch: 
schema: { 
    ctrl: { 
        type:'switch', 
        ...
    }, 
    ... 
}

Slider

A slider control is a composite control enable a user to set a numerical range or select from a set of items.

// Slider: 
schema: { 
    ctrl: { 
        type:'slider', 
        ...
    }, 
    ... 
}

Info to Vuetify Checkbox
Info to Vuetify Switches
Info to Vuetify Sliders
Example Online