koiki-ui v0.0.79
Koiki UI
Unit of Koiki React Components
Install
npm i -S koiki-ui
Usage
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/
Styling
Load CSS file
Copy CSS to put own publich directory from node_modules/koiki-ui/build/styles.css
Use css-loader
import 'koiki-ui/build/styles.css'
Customize CSS with append className
...
<Button
className="foobar"
/>
Customize CSS with using css-loader
import faStyles from 'your_own_less';
import buttonStyles from 'your_own_less';
...
<Button
styles={{
fa: faStyles,
button: customizedStyles
}}
/>
Change Log
0.0.49
Change styles structure to be one more deeper. This change can be handle children styles
0.0.50
Move fa property to under styles object
Contribution
Components
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
Storybook
Component storybooks are under stories
directory.
stories will be use as snapshot testing with using storyshots
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago