`Chakras`

Chakras, from magick-components

The seven chakras as coloured circles on a figure's silhouette, from the root at the base of its spine to the crown at the top of its head.

import Chakras from "magick-components/chakras/Chakras";

magick-components is on npm, under MIT (how to install it), and its source is in the app's repository.

Example

Props

activeChakra

height

width

JSX

<Chakras height={240} />

Prop	Type	Description
`activeChakra`	`string \| null`	A chakra's id in magick-data (`root`, `sacral`, `solar-plexus`, `heart`, `throat`, `third-eye`, `crown`): that one is drawn and the others faded. `null` fades them all; not given, none is faded. Any other value throws, as the Tree's `activeSephirah` does.
`height`	`string \| number`	The SVG's height; from the width and the figure's shape when not given.
`width`	`string \| number`	The SVG's width; from the height and the figure's shape when not given.

Magick.ly is open source. You can see the code used to generate this page in Chakras.tsx, Chakras.examples.tsx and Explorer.tsx.