# Tooltips

### Definition

Each tooltip, even a slot-tooltip, is activated by schema property `tooltip .` Tooltip could be a string or an object.

### Tooltip from String

```javascript
schema:{
    // tooltip: string
    name: { type:'text', tooltip:'Name' }
}
```

### Tooltip from Object

```javascript
schema:{
    // tooltip: object
    name: { type:'text', tooltip:{ color:'red', label:'Name'} }
}
```

### Slot

```markup
<v-form-base
  :model="model"
  :schema="schema"
  @input="inputHandler"
>

  <!-- 
    TOOLTIP use #slot-tooltip and to activate you must have 
    an existing schema prop tooltip too 
  -->
  <template #slot-tooltip="{id, index, obj}"> 
    {{ obj.schema.tooltip }} with value {{ obj.value }}
  </template>

</v-form-base>
```

### [Example](https://wotamann.github.io/slots)