Components

Kamea

Planetary Kamea, from magick-components

A planet's kamea in an <svg> of its own, square, 240 across unless width or height says otherwise, the frame inset a little from the edge. It is an image named by its planet ("Kamea of Saturn") unless label names it otherwise or is false.

import Kamea from "magick-components/astrology/Kamea";

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

Props

JSX

<Kamea planet="saturn" />

Props

PropTypeDefaultDescription
planet required"sol" | "mercury" | "venus" | "luna" | "mars" | "jupiter" | "saturn"The planet, by magick-data's id; without one, or with a name that is not one of the seven, an empty frame.
childrenReactNodeDrawn over the numbers, in the figure's units (centred on 0,0, KAMEA_SIDE across; kameaGeometry places the cells): room for a planet's seal or sigils to come.
classNamestringThe <svg>'s class.
fontFamilystringThe numbers' font stack.
heightstring | numberThe drawing's height (CSS pixels for a number); the width's when only that is given, and 240 when neither is.
inkstringThe frame, the rules and the numbers.
labelstring | falseThe drawing's accessible name: the square's own ("Kamea of Saturn") when not given, this one when a string. false marks it decorative, hidden from assistive technology (aria-hidden).
paperstringThe square's ground.
styleCSSPropertiesThe <svg>'s style.
widthstring | numberThe drawing's width (CSS pixels for a number); the height's when only that is given, as it is square, and 240 when neither is.
Magick.ly is open source. You can see the code used to generate this page in Kamea.tsx, Kamea.examples.tsx and Explorer.tsx.