furl
Getting startedDesignComponents
Design
Design GuidelinesTypography SystemLayout SystemColor palettesCustomization
Components
ComponentsAccordionAlertAnchorAudioAvatarBadgeBreadcrumbsButtonButtonGroupCalendarCardCollapseContextButtonDividerDropdownFooterFormGraphGridHyperlinkIconIframeImageInputItemLayoutListLoaderMediaObjectMenuModalNotificationPaginationPopoverProgressSearchStepsSwitchTableTabsTooltipTypographyVideo

Divider

Dividers separate different content.

Examples

This is some content This is some other content


This is some entirely different content.

import React from 'react';
import ReactDOM from 'react-dom';
import { Divider, Paragraph } from 'furl-components';

ReactDOM.render(
  <>
    <Paragraph>This is some content <Divider vertical /> This is some other content</Paragraph>
    <Divider />
    <Paragraph>This is some entirely different content.</Paragraph>
  </>
  <Something></Something>, 
  document.getElementById('root')
);

API

Divider props
Property Description Type Default
vertical divider alignment boolean false

furl was designed and developed by Angelos Chalaris © 2019
Documentation generated using Gatsby, hosting by Netlify