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

Merge pull request #449 from ing-bank/fix/umbrella-form

Browse source 
chore: update umbrella form story
This commit is contained in:
Joren Broekema 2019-12-30 09:28:18 +01:00 committed by GitHub
commit 1f647aa826
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/form-system/package.json
View file

@ -43,6 +43,7 @@
"@lion/input-date": "0.4.1", "@lion/input-date": "0.4.1",
"@lion/input-email": "0.4.1", "@lion/input-email": "0.4.1",
"@lion/input-iban": "0.4.1", "@lion/input-iban": "0.4.1",
"@lion/input-range": "0.1.0",
"@lion/localize": "0.7.1", "@lion/localize": "0.7.1",
"@lion/radio": "0.2.12", "@lion/radio": "0.2.12",
"@lion/radio-group": "0.4.4", "@lion/radio-group": "0.4.4",

30
packages/form-system/stories/index.stories.js
View file

@ -13,6 +13,7 @@ import '@lion/input-iban/lion-input-iban.js';
import '@lion/input-amount/lion-input-amount.js'; import '@lion/input-amount/lion-input-amount.js';
import '@lion/input-date/lion-input-date.js'; import '@lion/input-date/lion-input-date.js';
import '@lion/input-email/lion-input-email.js'; import '@lion/input-email/lion-input-email.js';
import '@lion/input-range/lion-input-range.js';
import { Required, MinLength } from '@lion/validate'; import { Required, MinLength } from '@lion/validate';
storiesOf('Forms|Form', module).add( storiesOf('Forms|Form', module).add(
@ -62,15 +63,25 @@ storiesOf('Forms|Form', module).add(
</lion-checkbox-group> </lion-checkbox-group>
<lion-radio-group <lion-radio-group
class="vertical"
name="dinosaurs" name="dinosaurs"
label="Favorite dinosaur" label="Favorite dinosaur"
.validators="${[new Required()]}" .validators="${[new Required()]}"
error-message="Dinosaurs error message"
> >
<lion-radio name="dinosaurs[]" value="allosaurus" label="allosaurus"></lion-radio> <lion-radio
<lion-radio name="dinosaurs[]" value="brontosaurus" label="brontosaurus"></lion-radio> name="dinosaurs[]"
<lion-radio name="dinosaurs[]" value="diplodocus" label="diplodocus"></lion-radio> .choiceValue="${'allosaurus'}"
label="allosaurus"
></lion-radio>
<lion-radio
name="dinosaurs[]"
.choiceValue="${'brontosaurus'}"
label="brontosaurus"
></lion-radio>
<lion-radio
name="dinosaurs[]"
.choiceValue="${'diplodocus'}"
label="diplodocus"
></lion-radio>
</lion-radio-group> </lion-radio-group>
<!-- TODO: rich select --> <!-- TODO: rich select -->
@ -94,7 +105,14 @@ storiesOf('Forms|Form', module).add(
></lion-checkbox> ></lion-checkbox>
</lion-checkbox-group> </lion-checkbox-group>
<!-- TODO: slider --> <lion-input-range
name="interest"
label="Interest"
min="0"
max="5"
step="0.1"
unit="%"
></lion-input-range>
<lion-textarea name="comments" label="Comments"></lion-textarea> <lion-textarea name="comments" label="Comments"></lion-textarea>