Skip to main content

SpecialInstructions

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
A text area input that allows customers to add special instructions or notes to a menu item (e.g., “no onions”, “extra sauce on the side”).

Preview

Import

Usage

Props

string
required
The current instructions text.
(value: string) => void
required
Callback fired when the text changes.
string
default:"Special instructions..."
Placeholder text shown when the input is empty.
number
default:"250"
Maximum character limit for the instructions.

Behavior

  • Character counter displayed when approaching the limit
  • Expandable text area that grows with content
  • Optional — collapses to a single-line prompt when empty