---
title: "Field"
description: "A higher level component that wraps all input fields, allowing you to pass type and get the correct field."
sidebar_label: "Field"
slug: /reference/components/field
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Field

A higher level component that wraps all input fields, allowing you to pass type and get the correct field.

**Package:** `@terreno/ui`  
**Categories:** Pattern  
**Props interface:** `FieldProps`  
**Story source:** [`demo/stories/Field.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Field.stories.tsx)

## Live demo

<ComponentDemo name="Field" />

## Props

_No documented props were extracted from TypeDoc._