@mandala-ui/outline-dot

Mandala UI OutlineDot Component

Mandala is a React component library that utilizes a declarative CSS library for styling.

Installation

Check the MonoRepo README for installation.

Description

A header for the top of lists that matches the style and props

Usage

if using the whole library:

import { OutlineDot } from 'mandala';

if only using this component:

import OutlineDot from '@mandala-ui/outline-dot';

Props

• borderColor - the color of the border around the dot
• borderWidth - the width of the border around the dot
• color - the color of the dot
• innerBorderWidth - the width of the inner section between the dot and border
• innerColor - the color of the inner section of the outlined dot

propName	propType	defaultValue	isRequired
borderColor	string	null	-
borderWidth	number	false	-
color	string	'white'	-
innerBorderWidth	number	false	-
innerColor	string	0	-
large	boolean	false	-

TODO:

• [ ] rename to Dot, use outline as a prop
• [ ] infer lined from lineColor prop existence