reactic-ui
It is a package containing basic ui components for ReactJS.
Install
npm install --save reactic-ui
Usage
import React from 'react'
import { Button, Submit } from 'reactic-ui'
import 'reactic-ui/dist/index.css'
const App = () => {
return(
<>
<Button>Basic Button</Button>
<Submit>Send Form</Submit>
</>
);
}
export default App;
Props
In addition to the following features, you can also give the onClick or onFocus function.:
Prop | Type | Required | Default | Note |
---|---|---|---|---|
type | string | No | mosaic |
Button style. Possible options are: mosaic , grid , edge . |
size | string | No | medium |
Size value of the button. Possible options are: small , medium , large . |
dark | bool | No | false | Inverts colors if your page has dark mode. |
Advanced Usage
import React from 'react'
import { Button, Submit } from 'reactic-ui'
import 'reactic-ui/dist/index.css'
const App = () => {
return <Button type="edge" size="small" dark={true}>Disable Dark Mode</Button>
}
export default App;
License
MIT © icetinturkey