Component

Keyboard accessory

A frosted accessory bar with a left slot for shortcuts and a Done action on the right, meant to sit above the keyboard in native shells. In the docs demo it appears below the focused field.

Standalone

keyboard accessory.tsx

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

Example

Shown while the wallet-address field is focused: paste shortcut on the left, Done 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	-