v17.0.0
🔧 Breaking changes
-
Dropdown elements no longer provide a Dropdown button by default - this allows users to pass in any type of
summary
element so the component can work well for different types of dropdowns #729.Migration strategy: change any
Dropdown
component with atitle
prop set as follows:<Dropdown title="hello world"> <Dropdown.Menu> <Dropdown.Item>Item 1</Dropdown.Item> <Dropdown.Item>Item 2</Dropdown.Item> <Dropdown.Item>Item 3</Dropdown.Item> </Dropdown.Menu> </Dropdown>
to
<Dropdown title="hello world"> <Dropdown.Button>Hello world</Dropdown.Button> <Dropdown.Menu> <Dropdown.Item>Item 1</Dropdown.Item> <Dropdown.Item>Item 2</Dropdown.Item> <Dropdown.Item>Item 3</Dropdown.Item> </Dropdown.Menu> </Dropdown>
We've also added the ability to manage the
open
state and provide custom handles foronToggle
andonOutsideClick
to theDetails
component andDropdown
component for more flexibility and reusability 🎉 🙌