Skip to main content

Divider

Divider renders a thin horizontal line used to separate content in lists and layouts. It automatically uses the Eva theme border color.

Import​

import { Divider } from '@ui-kitten/components';

Basic Usage​

import React from 'react';
import { Layout, Text, Divider } from '@ui-kitten/components';

const DividerExample = () => (
  <Layout style={{ padding: 16 }}>
    <Text category="p1">Section One</Text>
    <Divider />
    <Text category="p1">Section Two</Text>
  </Layout>
);

Props​

PropertyTypeDefaultDescription
styleViewStyle-Additional styles applied to the divider line.

Divider also accepts all standard React Native View props.

Storybook​

Live examples coming soon via Storybook.