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

FieldValidationMessage: update story from knobs to controls (#32020)

Browse Source
This commit is contained in:
Uchechukwu Obasi 2021-03-16 12:49:25 +01:00 committed by GitHub
parent 56bc9a5da7
commit cc29bc3c5d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/grafana-ui/src/components/Forms/FieldValidationMessage.story.tsx
View File

@ -1,13 +1,8 @@
import React from 'react';
import { text } from '@storybook/addon-knobs';
import { FieldValidationMessage } from './FieldValidationMessage';
import { Story } from '@storybook/react';
import { FieldValidationMessage, FieldValidationMessageProps } from './FieldValidationMessage';
import mdx from './FieldValidationMessage.mdx';
const getKnobs = () => {
return {
message: text('message', 'Invalid input message'),
};
};
import { NOOP_CONTROL } from '../../utils/storybook/noopControl';
export default {
title: 'Forms/FieldValidationMessage',
@ -16,17 +11,20 @@ export default {
docs: {
page: mdx,
},
knobs: {
disable: true,
},
},
args: {
horizontal: false,
children: 'Invalid input message',
},
argTypes: {
children: { name: 'message' },
className: NOOP_CONTROL,
},
};
export const vertical = () => {
const { message } = getKnobs();
return <FieldValidationMessage>{message}</FieldValidationMessage>;
};
export const horizontal = () => {
const { message } = getKnobs();
return <FieldValidationMessage horizontal>{message}</FieldValidationMessage>;
export const Basic: Story<FieldValidationMessageProps> = (args) => {
return <FieldValidationMessage horizontal={args.horizontal}>{args.children}</FieldValidationMessage>;
};