Arrow
Dashed arrow between flow nodes. `stretch` spans the available row.
Install
pnpm add @fractaldesign/machines-uiimport '@fractaldesign/machines-ui/style.css';
import { GraphArrow } from '@fractaldesign/machines-ui';Preview
build ship
<GraphArrow />build ship
<GraphArrow accent stretch />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| accent | boolean | false | Draw the arrow in the theme accent colour instead of the border colour. |
| stretch | boolean | false | Span the available row with a flexing dashed line instead of a fixed `- - -`. |
| class | string | '' |
API
- class forwarded to the outer element
Theming
CSS custom properties this component reads.
- --border
- --graph-accent
Related
Used by
src/lib/components/frame/GraphArrow.svelte