Mandala UI Button
Mandala is a React component library that utilizes a declarative CSS.
Installation
Check the Monorepo README for installation.
Usage
if using the whole library:
import { Button } from 'mandala';
if only using this component:
import Button from '@mandala-ui/button';
Props
-
children
- Whatever node you would like in your button. Use this to add icons or customize text color inside. -
color
- color string for the background color of the button -
disabled
- disables clicking and reduces the opacity by 60% -
onClick
- click callback handler -
pill
- gives the button 100% radius -
radius
- border radius, from 0-4, will not work ifpill
istrue
propName | propType | defaultValue | isRequired |
---|---|---|---|
children | node | null | - |
color | string | black | - |
disabled | boolean | false | - |
onClick | func | null | - |
pill | boolean | false | - |
radius | number | 0 | - |