UnstyledButton

Accessible button without default styles

Import: import { UnstyledButton } from 'react-native-mantine';

Usage

import { UnstyledButton, Text  } from 'react-native-mantine';

<UnstyledButton
  onPress={() => console.log('Clicked')}
  style={{ padding: 16 }}
>
  <Text>Custom Button</Text>
</UnstyledButton>

Props

Prop	Type	Default	Description
`onPress`	`(payload: any) => void`		Callback function fired when button is pressed
`disabled`	`boolean`	`false`	If true, disables button interaction and touch events
`activeOpacity`	`number`	`0.7`	Determines opacity of button when pressed. Value between 0 and 1
`variant`	`string`		Optional variant identifier for custom styling (currently not implemented in default styles)
`children`	`React.ReactNode`		Button content, typically Text or View components
`style`	`ViewStyle`		Custom styles to apply to the button container. Use this to style your button as needed

Source on GitHub · npm