primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-24 14:42:26 +03:00
Code Issues Projects Releases Wiki Activity

add form validation

Browse Source
This commit is contained in:
Diana Mounter 2017-09-08 18:30:00 -04:00
parent 1a2c89b383
commit 5cd0d0e8d1
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
.storybook/forms.js
View File

@ -138,3 +138,20 @@ storiesOf('Forms', module)
</dl>
</form>
))
.add('form validation', () => (
<div>
<form>
<dl className='form-group errored'>
<dt><label for='example-text-errored'>Example Text</label></dt>
<dd><input className='form-control' type='text' value='Example Value' id='example-text-errored' aria-describedby='form-error-text'/></dd>
<dd className='error' id='form-error-text'>This example input has an error.</dd>
</dl>
<br />
<dl className='form-group warn'>
<dt><label for='example-text-warn'>Example Text</label></dt>
<dd><input className='form-control' type='text' value='Example Value' id='example-text-warn' aria-describedby='form-warning-text'/></dd>
<dd className='warning' id='form-warning-text'>This example input has a warning.</dd>
</dl>
</form>
</div>
))