ALT A screenshot of part of a documentation site where a button labeled "Browse" is expanded. The popup has a search field with the value "site naviga", and a selected item labeled "Menu Bar". The UI indicates that this item is located in "Examples / Menu / Menu Bar / Can I use MenuBar for site navigation?" and shows a description: "Short answer: Yes, but you probably shouldn't. ARIA doesn't specify how y..."

ALT The following code: function App() { // Re-renders on every state update const dialog = useDialogState() const mounted = dialog.mounted return ( <> <button onClick={dialog.show}>Show dialog</button> {mounted && <Dialog state={dialog}>Content</Dialog>} </> ) }

ALT The following code: function App() { // Re-renders only when the "mounted" state updates const dialog = useDialogStore() const mounted = dialog.useState("mounted") return ( <> <button onClick={dialog.show}>Show dialog</button> {mounted && <Dialog store={dialog}>Content</Dialog>} </> ) }

ALT The following code: <button id="toggle">Toggle popover</button> <button id="clear">Clear input</button> <input data-combobox="my-combobox" data-combobox-auto-select data-combobox-auto-complete="both" /> <div data-combobox-popover="my-combobox"> <div data-combobox-item>Item</div> <div data-combobox-item>Item</div> <div data-combobox-item>Item</div> </div> <script> // Optional programmatic API to control the component's state const combobox = new Combobox("my-combobox"); const toggleButton = document.getElementById("toggle"); const clearButton = document.getElementById("clear"); toggleButton.addEventListener("click", combobox.toggle); clearButton.addEventListener("click", () => combobox.setValue("")); </script>

ALT A screenshot of a website with a dark theme. On the top bar: a logo, a select box with the current version, and a Browse button. The Browse button is active, expanding a dropdown element with a search box and a few results.

ALT Screenshot of the GitHub issues page listing four issues with their labels. Three issues are labelled as "bug"; one issue is labelled as "feature"; all issues are labelled as "has workaround".