DropdownButton

See the Button component for more detailed button props and examples.

Result

Loading...

Live Editor

<DropdownButton title="Fruit"> <Dropdown.Item onClick={() => console.log('Apple')}>Apple</Dropdown.Item> <Dropdown.Item onClick={() => console.log('Banana')}>Banana</Dropdown.Item> <Dropdown.Item onClick={() => console.log('Cantaloupe')}>Cantaloupe</Dropdown.Item> </DropdownButton>

<DropdownButton title="Fruit">
  <Dropdown.Item onClick={() => console.log('Apple')}>Apple</Dropdown.Item>
  <Dropdown.Item onClick={() => console.log('Banana')}>Banana</Dropdown.Item>
  <Dropdown.Item onClick={() => console.log('Cantaloupe')}>Cantaloupe</Dropdown.Item>
</DropdownButton>

Analytics

The DropdownButton component is trackable through Kyber Analytics. This is the default analytics config.

export default {
	value: 'DropdownButton',
	actions: {
		onClick: { type: 'DROPDOWNBUTTON_CLICK', payload: 'Click' },
	},
};

Props