Skip to main content

Divider

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

How to use

import React from 'react';
import {Divider} from '@gyri/native-ui-components';

const MyComponent = () => (
<Divider />
);

export default MyComponent;

Props

#NameData typeDefault valueValuesDescription
1leftInsetbooleanWhether divider has a left inset.
2horizontalInsetbooleanfalseWhether divider has a horizontal inset on both sides.
3boldbooleanfalseWhether divider should be bolded.
4styleobjectCustom style object.
5classNamestring''It defined nativewind style classes.

For more details https://callstack.github.io/react-native-paper/docs/components/Divider