diff options
Diffstat (limited to 'storybook/stories/character_counter.story.js')
-rw-r--r-- | storybook/stories/character_counter.story.js | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/storybook/stories/character_counter.story.js b/storybook/stories/character_counter.story.js new file mode 100644 index 000000000..eb6eae7d8 --- /dev/null +++ b/storybook/stories/character_counter.story.js @@ -0,0 +1,21 @@ +import React from 'react'; +import { storiesOf } from '@kadira/storybook'; +import CharacterCounter from 'mastodon/features/compose/components/character_counter'; + +storiesOf('CharacterCounter', module) + .add('no text', () => { + const text = ''; + return <CharacterCounter text={text} max={500} />; + }) + .add('a few strings text', () => { + const text = '0123456789'; + return <CharacterCounter text={text} max={500} />; + }) + .add('the same text', () => { + const text = '01234567890123456789'; + return <CharacterCounter text={text} max={20} />; + }) + .add('over text', () => { + const text = '01234567890123456789012345678901234567890123456789'; + return <CharacterCounter text={text} max={10} />; + }); |