IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Storybook: Fix Input story (#91564)

Browse Source 
fix type + prefix/suffix
This commit is contained in:
Ashley Harrison 2024-08-07 12:05:20 +02:00 committed by GitHub
parent 3ec2084c23
commit e8d5d5fbff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/grafana-ui/src/components/Input/Input.story.tsx
View File

@ -10,12 +10,11 @@ import mdx from './Input.mdx';
import { parseAccessory } from './storyUtils';
const prefixSuffixOpts = {
None: null,
Text: '$',
$: 'Text',
...getAvailableIcons().reduce<KeyValue<string>>((prev, c) => {
return {
...prev,
[`Icon: ${c}`]: `icon-${c}`,
[`icon-${c}`]: `Icon: ${c}`,
};
}, {}),
};
@ -43,20 +42,22 @@ const meta: Meta = {
prefixVisible: {
control: {
type: 'select',
options: prefixSuffixOpts,
labels: prefixSuffixOpts,
},
options: [null, ...Object.keys(prefixSuffixOpts)],
},
suffixVisible: {
control: {
type: 'select',
options: prefixSuffixOpts,
labels: prefixSuffixOpts,
},
options: [null, ...Object.keys(prefixSuffixOpts)],
},
type: {
control: {
type: 'select',
options: ['text', 'number', 'password'],
},
options: ['text', 'number', 'password'],
},
// validation: { name: 'Validation regex (will do a partial match if you do not anchor it)' },
width: { control: { type: 'range', min: 10, max: 200, step: 10 } },