⚪
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
  • Icon
  • More Informations to Vuetify Icons find here.
  • Icons and CSS Example
  • Image
  • More Informations to Vuetify Images find here
  • Image Example

Was this helpful?

  1. Input & Controls

Icons & Images

Icon

// Icon: 
model: {
    iconLabel: 123456,
    iconValue: 'print',          
}

schema: {
    // use label as icon name
    iconLabel: { 
        type:'icon', 
        large:true,
        label:'print', 
        color: 'blue', 
        tooltip: 'Icon Print'
    }, 
    // use value as icon name
    iconValue: { 
        type:'icon', 
        large:true,
        color: 'green', 
        tooltip: 'Icon Print'
    }
}

Image

// Image: 
schema: { 
    ctrl: { 
        type:'img', 
        src:'https://picsum.photos/id/11/500/300', 
        maxHeight:150,   
        maxWidth:250
        ...
    }, 
    ... 
}
PreviousDate, Time & Color

Last updated 4 years ago

Was this helpful?

.

More Informations to Vuetify Icons find here
Icons and CSS Example
More Informations to Vuetify Images find here
Image Example