Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | 1x 1x 1x 1x 1x 1x | import React from 'react';
import { Meta, Story } from '@storybook/react';
import Underline, { IUnderlineProps } from './Underline';
export default {
title: 'Controls/Underline',
component: Underline,
parameters: {
docs: {
description: {
component: Underline.peek.description,
},
},
},
} as Meta;
/* With Defaults */
export const WithDefaults: Story<IUnderlineProps> = (args) => {
return <Underline {...args}>foo bar baz</Underline>;
};
/* With Regex Match */
export const WithRegexMatch: Story<IUnderlineProps> = (args) => {
return (
<Underline {...args} match={/foo?/i}>
foo bar baz
</Underline>
);
};
/* With String Match */
export const WithStringMatch: Story<IUnderlineProps> = (args) => {
return (
<Underline {...args} match='bar'>
foo bar baz
</Underline>
);
};
|