# Frame Rule

The hairlines of a framed section, drawn in once.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/frame-rule
```

## Usage

```tsx
import { FrameRule } from '@fetaui/components/frame-rule'

export function Example() {
  return <FrameRule><Section /></FrameRule>
}
```

## API

| Prop | Type | Default |
|---|---|---|
| children | ReactNode | required |
| selected | boolean | false |
| animated | boolean | true |

## When to use

- For marketing and docs layouts.

## When not to use

- Inside forms.

## Accessibility

- Rules and dots are hidden from screen readers.

## Motion

- Rules draw from their crossings in 600 ms when they come into view.
- Dots pop in at 80% over 160 ms.
- With reduced motion, it appears drawn.