---
name: LabeledItem
menu: Components
---

import { Playground, PropsTable } from 'docz';

import { Paragraph } from '~/components/Paragraph';
import { LabeledItem, LabeledItemDocz } from '../';

# FormItem

Very simple component used to show a label with its corresponding value underneath.

## Basic usage

<Playground>
  <LabeledItem>
    <LabeledItem.Label>The label</LabeledItem.Label>
    <Paragraph>The item</Paragraph>
  </LabeledItem>
</Playground>

<PropsTable of={LabeledItemDocz} />
