⚪
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
  • Button
  • More Informations to Vuetify Buttons find here.
  • Button-Group
  • More Informations to Vuetify Button Groups find here
  • Example Online

Was this helpful?

  1. Input & Controls

Buttons

The button component replaces the standard html button with a material design theme and a multitude of options.

PreviousRadio ButtonsNextSelect, Combo & Autocomplete

Last updated 4 years ago

Was this helpful?

Button

// Button: 
schema: { 
    ctrl: { 
        type:'btn',
        label:'Print' 
        iconRight: 'print'
    },
    ... 
}

.

Button-Group

// Button Group: 
schema: { 
    ctrl: { 
        type:'btn-toggle', 
        options: [
          { icon: 'format_align_left', value: 'Left', large:true, elevation:4 }, 
          { icon: 'format_align_justify', value: 'Center' },
          { icon: 'format_align_right', value: 'Right', color:'blue' }
        ]
    },
    ... 
}

More Informations to Vuetify Buttons find here
More Informations to Vuetify Button Groups find here
Example Online