Unit of Koiki React Components
npm i -S koiki-ui
import { Button, Input, InputtableButton } from 'koiki-ui';
const SampleComponent = () =>
<div>
<Button text="Search" />
</div>;
See below to know usage https://sideroad.github.io/koiki-ui/
Copy CSS to put own publich directory from node_modules/koiki-ui/build/styles.css
import 'koiki-ui/build/styles.css'
...
<Button
className="foobar"
/>
import faStyles from 'your_own_less';
import buttonStyles from 'your_own_less';
...
<Button
styles={{
fa: faStyles,
button: customizedStyles
}}
/>
Change styles structure to be one more deeper. This change can be handle children styles
Move fa property to under styles object
Every components have styles
props to be able to customize style of component.
Base styles should be put under src/less
directory and load styles as defaultProps
Component storybooks are under stories
directory.
stories will be use as snapshot testing with using storyshots