machines-ui
frame

FrameBody

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

Install

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

Preview

[ BODY ]

Row one

Row two

Row three

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

Row one

Row two

Row three

<FrameBody tight>…</FrameBody>

Props

PropTypeDefaultDescription
class string ''
tight boolean falseCompact padding for dense graphs like Table and Invoice.

API

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

Related

Used by

src/lib/components/frame/FrameBody.svelte

machines-ui