hs-ui v0.0.22

HotSchedules UI Components

###Usage

Install using npm

npm install hs-ui --save

##Components

###AlertBar

import { AlertBar } from 'hs-ui';

<AlertBar>This is an alert bar</AlertBar>
<AlertBar type='error'>There was an error</AlertBar>
<AlertBar type='warning'>This is warning</AlertBar>
<AlertBar type='success'>Great Success!</AlertBar>

###Avatar

import { Avatar } from 'hs-ui';

<Avatar
	firstName='Avatar'
	lastName='Regular'
	src='http://bit.ly/2lTklHQ'
/>

###Badge

import { Badge } from 'hs-ui';

<Badge />
<Badge type='error' />
<Badge type='warning' />
<Badge type='success' />

###Button

import { Button } from 'hs-ui';

<Button label='Primary' />
<Button
	label='Secondary'
	type='secondary'
/>

###Card

import { Card, CardActions, CardContent, CardHeader  } from 'hs-ui';

###Checkbox

import { Checkbox } from 'hs-ui';

<Checkbox label='Checkbox' />

###Flex

import { Flex } from 'hs-ui';

###Grid

import { Grid, Row, Column } from 'hs-ui';

###IconBadge

import { IconBadge } from 'hs-ui';

<IconBadge />
<IconBadge type='error'/>
<IconBadge type='warning'/>
<IconBadge type='success'/>

###Link

import { Link } from 'hs-ui';

###Modal

import { Modal, ModalActions, ModalContent, ModalHeader } from 'hs-ui';

###RadioButton

import { RadioButton } from 'hs-ui';

<RadioButton
	label='Radio Button'
	name='set-1'
/>

###Select

import { Select } from 'hs-ui';

<Select
	placeholder='Country'
	options={['Australia', 'Brazil', 'Canada', 'US']}
	selectedIndex={0}
	onChange={(i) => {console.log(i)}}
/>

###SubNav

import { SubNav, SubNavItem } from 'hs-ui';

###Text

import { Text } from 'hs-ui';

###TextArea

import { TextArea } from 'hs-ui';

<TextField
	label='Label'
	placeholder='Normal'
/>

###TextField

import { TextField } from 'hs-ui';

<TextArea
	label='Label'
	placeholder='Normal'
	value='Disrupt venture capital entrepreneur agile innovate sticky note innovate human-centered design system innovate.'
	rows={4}
/>

###Toast

import { ToastActions, ToastContainer, Toast } from 'hs-ui';

###Tooltip

import { TooltipActions, TooltipContainer, Tooltip } from 'hs-ui';