@multicone/components NPM

Installation

npm i @multicone/components

yarn add @multicone/components

Usage

Here is a quick example to get you started, it's all you need:

import React from 'react'
import { Button } from '@multicone/components'
const App = () => {
  return (
    <div>
      <Button onClick={()=>alert("hello wrold")}>Herllo</Button>
    </div>
  )
}

export default App

Docs

Button

import React from 'react'
import { Button } from '@multicone/components'

const App = () => {
  return (
    <div>
      <Button>...</Button>
    </div>
  )
}
export default App

Parameters	Types	Defaults
className	`string`
onClick*	`Function`	()=>{}
variant	`"default"` `"primary"` `"info"` `"success"` `"warning"` `"danger"` `"dark"`	`"default"`
size	`"xs"` `"sm"` `"base"` `"lg"` `"xl"` ... `"9xl"`	`"md"`
disabled	`boolean`	`false`
rounded	`"sm"` `"md"` `"lg"` `"full"`	`"md"`
outline	`boolean`	`false`
children*	`string` `jsx`

Checkbox

import React, { useState } from 'react'
import { Checkbox } from '@multicone/components'

const App = () => {
const [checked,setChecked] = useState(false)
  return (
    <div>
      <Checkbox selected={checked} onCheck={setChecked}>...</Checkbox>
    </div>
  )
}
export default App

Parameters	Types	Defaults
selected*	`boolean`	`false`
onCheck*	`Function`
iconSize	`number`	`32`
iconColor	`"black"` `"white"` `"green"` `"red"` `"yellow"` `"blue"` `"purple"` `"indigo"`	`"black"`
className	`string`
children*	`string` `jsx`

Radio

import React, { useState } from 'react'
import { Radio } from '@multicone/components'

const App = () => {
const [selected,setSelected] = useState()

const items = [
   { name:'Dhaka', value:'d' },
   { name:'Sylhet', value:'s' } ]
   
  return (
    <div>
      <Radio items={items}/>
    </div>
  )
}
export default App

Parameters	Types	Defaults
items*	`item[]`
className	`string`
onCheck*	`Function`
textStyle	`string`
iconSize	`number`	`5`
iconColor	`"black"` `"white"` `"green"` `"red"` `"yellow"` `"blue"` `"purple"` `"indigo"`	`"black"`
checkIcon	`boolean`	`true'

Select

import React, { useState } from 'react'
import { Select } from '@multicone/components'

const App = () => {
const [selected,setSelected] = useState()

const items = [
   { name:'Dhaka', value:'d' },
   { name:'Sylhet', value:'s' } ]
   
  return (
    <div>
      <Select items={items} onSelect={setSelected}/>
    </div>
  )
}
export default App

Parameters	Types	Defaults
items*	`item[]`
onSelect*	`Function`
placeholder	`string`
className	`string`
modalStyle	`string`
arrowSize	`number`	`32`
arrowColor	`"black"` `"white"` `"green"` `"red"` `"yellow"` `"blue"` `"purple"` `"indigo"`	`"black"`
isCenter	`boolean`	`false'