---
title: "Table Text"
description: "This component adds a single line of text to the table."
sidebar_label: "Table Text"
slug: /reference/components/table-text
---

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

# Table Text

This component adds a single line of text to the table.

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

## Live demo

<ComponentDemo name="Table Text" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `value` | `string` | Yes | The text to display in the text field. |
| `align` | `union` |  | The alignment of the text field. Most text fields should be left aligned. |
| `isEditing` | `boolean` |  | Whether the text field is in editing mode. |
| `onSave` | `reflection` |  | Callback to save the text field value. |