Components

FylfotCross

Fylfot Cross, from magick-components

The fylfot cross of the signs and elements, as a table of squares.

import FylfotCross from "magick-components/gd/FylfotCross";

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

Props

JSX

<FylfotCross />

Props

PropTypeDefaultDescription
cellsreadonly (readonly FylfotCell[])[]What each square shows, row by row; the finished cross, FYLFOT_CELLS, by default.
inkstringThe squares' borders, a CSS colour such as a theme's custom property; black by default.
onCellClick((click: FylfotCellClick) => void)Called when a symbol or an empty square is clicked, with what it showed, where it is and what belongs there. Without it the squares take no clicks, so the cross renders as a Server Component.
showColorsbooleantrueColours each arm by its element (default true).
Magick.ly is open source. You can see the code used to generate this page in FylfotCross.tsx, FylfotCross.examples.tsx and Explorer.tsx.