machines-ui
frame

FrameRule

A horizontal dashed rule that spans the frame, for separating sections inside a FrameBody.

Install

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

Preview

[ RULE ]

Above the rule

Below the rule

<Frame title="RULE">
  <FrameBody>
    <p>Above the rule</p>
    <FrameRule />
    <p>Below the rule</p>
  </FrameBody>
</Frame>

Props

PropTypeDefaultDescription
class string ''

API

  • class forwarded to the outer element

Theming

CSS custom properties this component reads.

  • --border

Related

Used by

src/lib/components/frame/FrameRule.svelte

machines-ui