---
title: "Table number"
description: "Use this component to display a number on the table that’s NOT a date or a currency."
sidebar_label: "Table number"
slug: /reference/components/table-number
---

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

# Table number

Use this component to display a number on the table that’s NOT a date or a currency.

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

## Live demo

<ComponentDemo name="Table number" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `value` | `string` | Yes | The number to display in the text field. |
| `align` | `union` |  | Numbers generally should be right aligned for ease of scanability. |
| `isEditing` | `boolean` |  | Whether the text field is in editing mode. |
| `onSave` | `reflection` |  | Callback to save the text field value. |