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
| # | Name | Data type | Default value | Values | Description |
|---|---|---|---|---|---|
| 1 | leftInset | boolean | Whether divider has a left inset. | ||
| 2 | horizontalInset | boolean | false | Whether divider has a horizontal inset on both sides. | |
| 3 | bold | boolean | false | Whether divider should be bolded. | |
| 4 | style | object | Custom style object. | ||
| 5 | className | string | '' | It defined nativewind style classes. |
For more details https://callstack.github.io/react-native-paper/docs/components/Divider