React Native Mantine › Layout

Group

Horizontal layout with spacing control

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

Usage

import { Group, Button , Badge } from 'react-native-mantine';

// Basic group with spacing
<Group spacing={16}>
  <Button>First</Button>
  <Button>Second</Button>
  <Button>Third</Button>
</Group>

// Centered group with alignment
<Group position="center" align="center" spacing={12}>
  <Badge>Badge 1</Badge>
  <Badge>Badge 2</Badge>
</Group>

// Space-between layout
<Group position="apart">
  <Button>Left</Button>
  <Button>Right</Button>
</Group>

Props

Source on GitHub · npm