furl
Getting startedDesignComponents
Design
Design GuidelinesTypography SystemLayout SystemColor palettesCustomization
Components
ComponentsAccordionAlertAnchorAudioAvatarBadgeBreadcrumbsButtonButtonGroupCalendarCardCollapseContextButtonDividerDropdownFooterFormGraphGridHyperlinkIconIframeImageInputItemLayoutListLoaderMediaObjectMenuModalNotificationPaginationPopoverProgressSearchStepsSwitchTableTabsTooltipTypographyVideo

Collapse

Collapse allows users to show or hide a piece of content.

Examples

Terms of use

These are our and conditions for use of platform.

Flat terms of use

These are our and conditions for use of platform.

import React from 'react';
import ReactDOM from 'react-dom';
import { Collapse } from 'furl-components';

ReactDOM.render(
  <Collapse fill='flat' title='Terms of use'>
      These are our and conditions for use of platform.
    </Collapse>, 
  document.getElementById('root')
);

API

Collapse props
Property Description Type Default
title collapse title string 'Show/hide content'
isOpen collapse open state boolean false
fill fill style string 'solid'
onClick collapse onclick event function

Notes

  • fill can be either 'flat' or 'solid'.

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