Component

Keyboard accessory

The 44pt frosted bar that sticks above the keyboard, an iOS inputAccessoryView, with a left slot for shortcuts and a primary Done action on the right. Click into the field below to see it appear.

The primitive

keyboard accessory.tsx

<NativeKeyboardAccessory onDone={() => setFocused(false)} />

Example

Above the keyboard on a wallet-address field, the left slot offers a quick paste shortcut while typing, with Done dismissing on the right.

Wallet address

keyboard-accessory-example.tsx

<NativeKeyboardAccessory
  leftSlot={<span>Paste from clipboard</span>}
  onDone={() => setFocused(false)}
/>

Capabilities

Prop	Type	Description
leftSlot	React.ReactNode	—
doneLabel	string	—
onDonerequired	() => void	—
className	string	—