@mandala-ui/outline-dot

Mandala UI Kit OutlineDot Component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@mandala-ui/outline-dot
Minified + gzip package size for @mandala-ui/outline-dot in KB

Readme

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

mandala-bottom

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.