Tally UI

CartNoteInput

Expandable text input for adding notes to a cart or order

Import

import { CartNoteInput } from '@tallyui/components';

Usage

const [note, setNote] = useState('');
<CartNoteInput value={note} onChangeText={setNote} />

Starts as a compact "Add note" link. Tapping it expands into a multiline text input. If the value already has content, the input starts expanded.

Props

PropTypeDefaultDescription
valuestringrequiredCurrent note text
onChangeText(text: string) => voidrequiredCallback when text changes
placeholderstring'Order note...'Placeholder text for the input
classNamestringOverride container styles

Live demo

On this page