# Doc parts

> The pieces a long-form page is written in: DocLabel, Section, DisplayH2, Prose, Em and Strong. No entrance built in, so they never pull in motion.

Section: Content. Docs: https://entrepta.vercel.app/docs/components/doc-parts

## Install

```bash
npx @entrepta/cli@latest add doc-parts
```

Files: `content/doc-parts.tsx`.
npm packages: `class-variance-authority`.

## Usage

```tsx
import { DisplayH2, DocLabel, Em, Prose, Section, Strong } from "@/components/entrepta/doc-parts"

<Section id="about" variant="first">
  <DocLabel>about</DocLabel>
  <DisplayH2>Engineer, <em>mostly</em>.</DisplayH2>
  <Prose>
    I build <Strong>design systems</Strong> and ship them as <Em>copy-paste</Em> code.
  </Prose>
</Section>
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `level` | `"#" \| "##"` | "#" | Markdown prefix (DocLabel) |
| `variant` | `"default" \| "first"` | "default" | The first section has no rule above it (Section) |