CloseButton

Universal close button

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

Usage

import { CloseButton } from 'react-native-mantine';

<CloseButton
  onPress={() => console.log('Close pressed')}
  size="lg"
  radius="md"
/>

// With custom icon color
<CloseButton
  iconColor="#fa5252"
  size="md"
  onPress={handleClose}
/>

Props

Prop	Type	Default	Description
`onPress`	`() => void`		Called when button is pressed
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| number`	`"md"`	Button size - theme size or number in pixels
`radius`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`"sm"`	Key of theme.radius to set border-radius
`iconColor`	`string`		Icon color - any valid color string
`icon`	`React.ReactNode`		Custom icon to replace default close icon
`accessibilityLabel`	`string`	`"Close"`	Accessibility label for screen readers
`disabled`	`boolean`	`false`	Disabled state - prevents interaction and reduces opacity
`style`	`ViewStyle`		Additional styles to apply to the button container

Source on GitHub · npm