Skip to main content

Components

Divider

Used to bring clarity and structure to a layout

banner-Divider
Square Icon

Selected Theme

Select brand or tribe name to preview style

Default

Usage

A divider separates your content usually in between top and bottom.

import { Divider } from 'legion-ui';

Variant

Legion have two variant of divider Basic and Split it

Basic

Here’s the basic horizontal line the divider offers.

<Divider />

Split it

You can also split contents with our provided divider

Legion UI

Design System of Telkom Indonesia

<div>
  <Body variant="lg_bold">Legion UI</Body>
  <Divider />
  <Caption size="lg_reguler">Design System of Telkom Indonesia</Caption>
</div>

Props

propertypropTyperequireddefaultdescription
styleobject--The style prop lets you style elements inline