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