ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: storybook fixes

Browse source
This commit is contained in:
qa46hx 2020-03-12 17:15:38 +01:00
parent 77abd7c8b0
commit ddf1e886e2
7 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
packages/checkbox-group/stories/checkbox-group.stories.mdx → packages/checkbox-group/stories/index.stories.mdx
View file

2
packages/input-email/stories/index.stories.mdx
View file

@ -55,7 +55,7 @@ Use `loadDefaultFeedbackMessages` to get our default feedback messages displayed
</Story> </Story>
```js ```js
import { loadDefaultFeedbackMessages } from 'lion/validate'; import { loadDefaultFeedbackMessages } from '@lion/validate';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
``` ```

2
packages/localize/stories/10-intro.stories.mdx
View file

@ -23,7 +23,7 @@ Further examples can be seen at [Features Overview Demo](?path=/docs/localize-fe
| --------------------------------------------------------------------- | --------------------------------------------- | | --------------------------------------------------------------------- | --------------------------------------------- |
| [Translate Text](?path=/docs/localize-translate-text--function-story) | Load and translate text in multiple languages | | [Translate Text](?path=/docs/localize-translate-text--function-story) | Load and translate text in multiple languages |
| [Format Numbers](?path=/docs/localize-numbers--formatting) | Format numbers in multiple languages | | [Format Numbers](?path=/docs/localize-numbers--formatting) | Format numbers in multiple languages |
| [Format Dates](?path=/docs/localize-dates--formatting)--formatting) | Format dates in multiple languages | | [Format Dates](?path=/docs/localize-dates--formatting) | Format dates in multiple languages |
## How to use ## How to use

4
packages/radio-group/stories/radio-group.stories.mdx → packages/radio-group/stories/index.stories.mdx
View file

@ -166,7 +166,7 @@ You can do the same thing for the entire group by setting the `disabled` attribu
</Story> </Story>
```js ```js
import { loadDefaultFeedbackMessages, Required } from 'lion/validate'; import { loadDefaultFeedbackMessages, Required } from '@lion/validate';
loadDefaultFeedbackMessages(); loadDefaultFeedbackMessages();
const validate = () => { const validate = () => {
const radioGroup = document.querySelector('#dinosGroup'); const radioGroup = document.querySelector('#dinosGroup');
@ -224,7 +224,7 @@ You can also create a validator that validates whether a certain option is check
</Story> </Story>
```js ```js
import { loadDefaultFeedbackMessages, Required, Validator } from 'lion/validate'; import { loadDefaultFeedbackMessages, Required, Validator } from '@lion/validate';
class IsBrontosaurus extends Validator { class IsBrontosaurus extends Validator {
static get validatorName() { static get validatorName() {

2
packages/tabs/stories/index.stories.mdx
View file

@ -34,8 +34,6 @@ import '../lion-tabs.js';
npm i --save @lion/tabs; npm i --save @lion/tabs;
``` ```
### Usage
```js ```js
import '@lion/tabs/lion-tabs.js'; import '@lion/tabs/lion-tabs.js';
``` ```

2
packages/textarea/stories/index.stories.mdx
View file

@ -11,7 +11,7 @@ import '../lion-textarea.js';
Its purpose is to provide a way for users to write text that is multiple lines long. Its purpose is to provide a way for users to write text that is multiple lines long.
<Preview> <Preview>
<Story name="default"> <Story name="Default">
{html` {html`
<lion-textarea label="Stops growing after 4 rows" max-rows="4"></lion-textarea> <lion-textarea label="Stops growing after 4 rows" max-rows="4"></lion-textarea>
`} `}