Skip to main content

​
Overview

The Button component is a basic button with a simple platform-specific appearance. 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-bg-blue-500").

​
Uniwind Bindings

​
colorClassName
string
Maps to the color prop. Requires accent- prefix for color values.

​
Usage Example

import { Button } from 'react-native'

<Button
  title="Press me"
  colorClassName="accent-bg-blue-500 dark:accent-bg-blue-400"
  onPress={() => console.log('Pressed')}
/>
⌘I