---
title: "Table icon button"
description: "The table icon button is an interactive element that allows the user to edit record rows, open drawers, and close them."
sidebar_label: "Table icon button"
slug: /reference/components/table-icon-button
---

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

# Table icon button

The table icon button is an interactive element that allows the user to edit record rows, open drawers, and close them.

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

## Live demo

<ComponentDemo name="Table icon button" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `onClick` | `reflection` | Yes | The function to call when the icon button is clicked. |
| `tableIconButtonName` | `union` | Yes | The name of the icon button to display in the table. Can be one of "edit", "saveAndClose", "insert", "drawerOpen", or "drawerClose". |