Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.uniwind.dev/llms.txt

Use this file to discover all available pages before exploring further.

​
Overview

The InputAccessoryView component (iOS only) displays a custom view above the keyboard. Uniwind provides className prop support for styling this component.

​
Styling Convention

For style props: Use regular Tailwind classes directly (e.g., className="p-4").For non-style props (like color): Use the accent- prefix (e.g., colorClassName="accent-blue-500").
Since 1.6.2: Passing a className without the accent- prefix to a color prop will log a warning to the development console.

​
Uniwind Bindings

​
className
string
Maps to the style prop. Use any Tailwind utility classes.
​
backgroundColorClassName
string
Maps to the backgroundColor prop. Requires accent- prefix for color values.

​
Usage Example

import { InputAccessoryView, Button } from 'react-native'

<InputAccessoryView
  nativeID="uniqueID"
  className="p-4 border-t border-gray-300"
  backgroundColorClassName="accent-white dark:accent-gray-800"
>
  <Button title="Done" onPress={() => {}} />
</InputAccessoryView>