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 if pill is true

| propName | propType | defaultValue | isRequired | | -------- | -------- | ------------ | ---------- | | children | node | null | - | | color | string | black | - | | disabled | boolean | false | - | | onClick | func | null | - | | pill | boolean | false | - | | radius | number | 0 | - |