feat(web/input): description tooltip on fields

This commit is contained in:
Luke
2022-10-27 13:45:27 +02:00
parent 1127108fcd
commit a6a0e4905f
10 changed files with 68 additions and 9 deletions

View File

@@ -8,7 +8,12 @@ export const debugInput = () => {
data: {
heading: 'Police locker',
rows: [
{ type: 'input', label: 'Locker number', placeholder: '420' },
{
type: 'input',
label: 'Locker number',
placeholder: '420',
description: 'Description that tells you what this input field does',
},
{ type: 'checkbox', label: 'Some checkbox' },
{ type: 'input', label: 'Locker PIN', password: true, icon: 'lock' },
{ type: 'checkbox', label: 'Some other checkbox', checked: true },
@@ -29,7 +34,13 @@ export const debugInput = () => {
max: 10,
icon: 'receipt',
},
{ type: 'slider', label: 'Slide bar', min: 10, max: 50, step: 2 },
{
type: 'slider',
label: 'Slide bar',
min: 10,
max: 50,
step: 2,
},
],
},
},