Vuely
  • Introduction
  • Folder Structure
  • Vuely VueJs
    • Different Layouts
      • Adding Menu In Different Layouts
    • Installation
    • Adding New Component
    • Translate The App(Multi Language Support)
    • Adding New Widgets
    • Themes
    • Style Customization
    • Build an App from Scratch
    • Seed Project
    • Deployment
    • UI Components
      • Buttons
      • Cards
      • Selection controls
      • Carousel
      • Chips
      • Date/Month Pickers
      • Dialog
      • Grid
      • Input / Text field
      • List
      • Menu
      • Progress
      • Banner
      • Select
      • Slider
      • Tabs
      • Toolbar
      • Timepicker
      • Forms
  • Vuely-Laravel
    • Folder Structure
    • Installation Vuely-Laravel
    • Customization
  • Vuely-Laravel with Api Authentication
    • Getting Started
    • Passport Authentication
    • Run Vuely-Laravel-Passport
  • Vuely ExpressJs
    • Folder Structure
    • Installation
    • Layouts
    • Style Customization
    • Deployment
    • Translate the App
    • Browsers Compatibilty
    • Credits
  • Vuely Angular Version
    • Folder Structure
    • Installation
    • Layouts
    • Adding/Deleting Menu & Component
    • RTL
    • Deployment
  • Credits
  • Template Update
  • FAQ's (Frequently Asked Questions)
  • Changelog
  • Customer Support
Powered by GitBook
On this page
  1. Vuely VueJs
  2. UI Components

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.

<v-checkbox
  v-model="checkbox"
  :label="`Checkbox 1: ${checkbox.toString()}`"
></v-checkbox>
<v-radio-group v-model="radioGroup">
  <v-radio
    v-for="n in 3"
    :key="n"
    :label="`Radio ${n}`"
    :value="n"
  ></v-radio>
</v-radio-group>
<v-switch
  v-model="switch1"
  :label="`Switch 1: ${switch1.toString()}`"
></v-switch>
PreviousCardsNextCarousel

Last updated 5 years ago