ComponentsEffects
Glyph
A wall of generated characters for its own box
Open the command deck
Usage
import { Glyph } from "@gpuixui/components/glyph";
<Glyph
marks="+/*<>[]{}"
cellSize={20}
density={0.6}
seed={5}
style={{ width: 520, height: 220 }}
>
<text>Open the command deck</text>
</Glyph>;API
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
marks | string | .+*/\<>[]{}~ |
cellSize | number | 22 |
density | number | 0.55 |
seed | number | 1 |
color | string | theme border |
breatheMs | number | 8_000 |
level | MotionLevel | "slow" |
className | string | — |
style | StateStyle<GlyphState> | — |
Edit this page on GitHubpackages/components/docs/glyph.mdx