[component]
Dev Mode
Table Text
Description
This component adds a single line of text to the table.
Table Text
Usage Guidelines
Do
Use the single line variant for short strings. For example, a name.
Use the multi-line variant for longer strings. For example, a few sentences.
Don't
Do not populate placeholder text if no text is entered. Instead, leave the field empty.
Props
Name
Type
Required
Description
value
string
Required
The text to display in the text field.
align
The alignment of the text field. Most text fields should be left aligned.
isEditing
boolean
Whether the text field is in editing mode.
onSave
Callback to save the text field value.
Status
Documentation:
Figma:
Web:
iOS:
Android:
Related
Table
Examples
Variants
Default
Smaller Text
Has a larger amount of text, meant to stay in single line. Will hold a lot of lorem ipsum
This text is broken up into two lines