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

docs(input): add labels to email and iban inputs

Browse source
This commit is contained in:
Marcos Gil 2019-10-02 18:55:39 +02:00
parent e161c711e8
commit c75b9545d1
2 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/input-email/stories/index.stories.js
View file

@ -8,13 +8,13 @@ storiesOf('Forms|Input Email', module)
.add( .add(
'Default', 'Default',
() => html` () => html`
<lion-input-email></lion-input-email> <lion-input-email label="Label"></lion-input-email>
`, `,
) )
.add( .add(
'Faulty prefilled', 'Faulty prefilled',
() => html` () => html`
<lion-input-email .modelValue=${'foo'}></lion-input-email> <lion-input-email .modelValue=${'foo'} label="Label"></lion-input-email>
`, `,
) )
.add('Use own validator', () => { .add('Use own validator', () => {
@ -40,6 +40,7 @@ storiesOf('Forms|Input Email', module)
<lion-input-email <lion-input-email
.modelValue=${'foo@bar.com'} .modelValue=${'foo@bar.com'}
.errorValidators=${[[gmailOnly]]} .errorValidators=${[[gmailOnly]]}
label="Label"
></lion-input-email> ></lion-input-email>
`; `;
}); });

15
packages/input-iban/stories/index.stories.js
View file

@ -7,19 +7,27 @@ storiesOf('Forms|Input IBAN', module)
.add( .add(
'Default', 'Default',
() => html` () => html`
<lion-input-iban name="iban"></lion-input-iban> <lion-input-iban name="iban" label="Label"></lion-input-iban>
`, `,
) )
.add( .add(
'Prefilled', 'Prefilled',
() => html` () => html`
<lion-input-iban .modelValue=${'NL20INGB0001234567'} name="iban"></lion-input-iban> <lion-input-iban
.modelValue=${'NL20INGB0001234567'}
name="iban"
label="Label"
></lion-input-iban>
`, `,
) )
.add( .add(
'Faulty prefilled', 'Faulty prefilled',
() => html` () => html`
<lion-input-iban .modelValue=${'NL20INGB0001234567XXXX'} name="iban"></lion-input-iban> <lion-input-iban
.modelValue=${'NL20INGB0001234567XXXX'}
name="iban"
label="Label"
></lion-input-iban>
`, `,
) )
.add( .add(
@ -29,6 +37,7 @@ storiesOf('Forms|Input IBAN', module)
.modelValue=${'DE89370400440532013000'} .modelValue=${'DE89370400440532013000'}
.errorValidators=${[isCountryIBANValidator('NL')]} .errorValidators=${[isCountryIBANValidator('NL')]}
name="iban" name="iban"
label="Label"
></lion-input-iban> ></lion-input-iban>
`, `,
); );