Back to Woocommerce

README

packages/js/components/src/dropdown-button/README.md

10.8.0-dev694 B
Original Source

DropdownButton

A button useful for a launcher of a dropdown component. The button is 100% width of its container and displays single or multiple lines rendered as <span/> elements.

Usage

jsx
<Dropdown
	renderToggle={ ( { isOpen, onToggle } ) => (
		<DropdownButton
			onClick={ onToggle }
			isOpen={ isOpen }
			labels={ [ 'All products Sold' ] }
		/>
	) }
	renderContent={ () => (
		<p>Dropdown content here</p>
	) }
/>

Props

NameTypeDefaultDescription
labelsArraynull(required) An array of elements to be rendered as the content of the button
isOpenBooleannullBoolean describing if the dropdown in open or not