Logo

Divider

A divider is a thin, lightweight separator that groups content in lists and page layouts.

Usage

import * as React from 'react';
import { View } from 'react-native';
import { Divider, Text } from 'react-native-paper';

const MyComponent = () => (
  <View>
    <Text>Lemon</Text>
    <Divider />
    <Text>Mango</Text>
    <Divider />
  </View>
);

export default MyComponent;

Props

leftInset
Renamed from 'inset' to 'leftInset` in v5.x
Type: boolean

Whether divider has a left inset.

horizontalInset
Available in v5.x with theme version 3
Type: boolean
Default value: false

Whether divider has a horizontal inset on both sides.

bold
Available in v5.x with theme version 3
Type: boolean
Default value: false

Whether divider should be bolded.

Edit this page