Dropdown
Dropdowns toggle the display of a list of items.
Examples
import React from 'react';
import ReactDOM from 'react-dom';
import { Dropdown, Hyperlink } from 'furl-components';
ReactDOM.render(
<Dropdown title='Reverse dropdown' reverse>
<Hyperlink href='#one'>Item 1</Hyperlink>
<Hyperlink href='#two'>Item 2</Hyperlink>
<Hyperlink href='#three'>Item 3</Hyperlink>
</Dropdown>,
document.getElementById('root')
);
API
Property | Description | Type | Default | ||
---|---|---|---|---|---|
title | dropdown title | string | 'Show/hide content' | ||
isOpen | dropdown open state | boolean | false | ||
reverse | dropdown reverse style | boolean | false |