fractalsvelte mascot fractalsvelte fractalsvelte
fractalsvelte mascot fractalsvelte fractalsvelte

Svelte 5 component · machines-ui · Frame

FrameBody

The content region inside a graph frame, with optional compact spacing for dense layouts.

All components Source

Install

FrameBody is a Svelte 5 ASCII frame body component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.

pnpm add @fractaldesign/machines-ui

Import

import 
import '@fractaldesign/machines-ui/style.css';
import { FrameBody } from '@fractaldesign/machines-ui';

Usage

Example 
<Frame title="BODY">
  <FrameBody>
    <p>Row one</p>
    <p>Row two</p>
  </FrameBody>
</Frame>

Props

NameTypeDefault
class string ''
tight boolean Compact padding for dense graphs like Table and Invoice.false
children Snippet Content rendered inside the component.—

Snippets

NameTypeDefault
default unknown —

Related components

FrameRule A horizontal dashed rule that spans the frame, for separating sections inside a FrameBody.GraphArrow Dashed arrow between flow nodes. `stretch` spans the available row.GraphTick One glyph on a GraphTrack: flexes to fill, stays 1ch wide, centered.GraphTrack Horizontal track that spans the frame.ButtonMachine A button drawn as a dashed frame with the label set in a block of the current accent.ButtonMachineOutline The quiet cousin of `ButtonMachine`: the same dashed frame with no block behind the label.