frame

Tick

One glyph on a GraphTrack: flexes to fill, stays 1ch wide, centered.

Install

pnpm add @fractaldesign/machines-ui
import '@fractaldesign/machines-ui/style.css';
import { GraphTick } from '@fractaldesign/machines-ui';

Preview

[ TRACK ]
<GraphTrack>
  <GraphTick>█</GraphTick>
  <GraphTick>░</GraphTick>
</GraphTrack>

Props

PropTypeDefaultDescription
class string ''

API

  • snippet children Content rendered inside the component.
  • class forwarded to the outer element

Related

Used by

src/lib/components/frame/GraphTick.svelte

machines-ui