React Native Mantine › Layout

Container

Responsive container with max-width constraints

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

Usage

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

// With predefined size
<Container size="md">
  <Text>Content with max width</Text>
</Container>

// Fluid container
<Container fluid>
  <Text>Full width content</Text>
</Container>

// With padding
<Container size="sm" px="xl" py="lg">
  <Text>Padded content</Text>
</Container>

Props

Source on GitHub · npm