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
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'
.