GraphDamru

Import

svelte
import { GraphDamru } from 'markgraphy';

Basic usage

svelte
<GraphDamru
  title="example"
  animated={true}
  cols={60}
/>
[ example ]

the first sound

Props

PropTypeDefaultDescription
titlestring—Caption drawn on the top edge as [ TITLE ]. Uppercase, 1–2 words.
animated?booleantrueAnimate the tala. Default true. Reduced motion freezes a clap beat.
cols?number60Width of the scene in characters. Default 60.
rows?number16Height of the scene in rows. Default 16.
speedMs?number220Milliseconds per beat. Default 220.
label?string'the first sound'Short caption under the art; the art itself is decorative.
class?string''—

Exported types

  • GraphDamruProps

Reduced motion

Animation is disabled under prefers-reduced-motion.