Skip to content
This repository has been archived by the owner on Aug 18, 2020. It is now read-only.

Commit

Permalink
feat(pkg): export Label SUIR component
Browse files Browse the repository at this point in the history
  • Loading branch information
cdaringe committed Aug 31, 2017
1 parent 09ae129 commit 542efba
Show file tree
Hide file tree
Showing 3 changed files with 50 additions and 354 deletions.
43 changes: 43 additions & 0 deletions src/components/suir/label/Label.examples.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
## Simple Label

const Label = require('semantic-ui-react').Label;
const Icon = require('semantic-ui-react').Icon;
<Label>
<Icon name='mail' /> 23
</Label>

## Form Labels

const Form = require('semantic-ui-react').Form;
const Divider = require('semantic-ui-react').Divider;
const Label = require('semantic-ui-react').Label;
<Form>
<Form.Field>
<input type='text' placeholder='First name' />
<Label pointing>Please enter a value</Label>
</Form.Field>
<Divider />

<Form.Field>
<Label pointing='below'>Please enter a value</Label>
<input type='text' placeholder='Last Name' />
</Form.Field>
<Divider />

<Form.Field inline>
<input type='text' placeholder='Username' />
<Label pointing='left'>That name is taken!</Label>
</Form.Field>
<Divider />

<Form.Field inline>
<Label pointing='right'>Your password must be 6 characters or more</Label>
<input type='password' placeholder='Password' />
</Form.Field>
<Form.Field inline>
<Label basic color='red' pointing='right'>Your password must be 6 characters or more</Label>
<input type='password' placeholder='Password' />
</Form.Field>
</Form>

See full documentation [here](http://react.semantic-ui.com/elements/label)
2 changes: 2 additions & 0 deletions src/components/suir/label/Label.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
import Label from 'semantic-ui-react/dist/commonjs/elements/Label'
export default Label
Loading

0 comments on commit 542efba

Please sign in to comment.