Element: #400 Checkbox and radio items (navigation/menu) What it shows: A view menu with two checkbox items and a radio group for the sort order, kept open while options change, with the current state shown below. When to use: Menus that set view options: toggles (show hidden, show preview) and one choice among several (sort by). Spec: - `` with `{#snippet triggerChild(props)}` rendering `View options` - Two `` style items (`bind:checked={showPreview}`): Show hidden files and Show preview - `` then `` with a `DropdownMenuLabel` and radio items name, date, size - `aria-live="polite"` note reports `Sorted by {sort}` and the two toggles Tags: dropdown-menu, menu, checkbox, radio, selection, view-options, bind Needs: @codeatlasdev/ui@4.4.0 Components: DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, Button Live demo: https://ui.codeatlas.com.br/docs/navigation/menu#checkbox-and-radio-items {#snippet triggerChild(props)} View options {/snippet} Show hidden files Show preview Sort by Name Date modified Size Sorted by {sort}. Hidden files {showHidden ? 'shown' : 'hidden'}, preview {showPreview ? 'on' : 'off'}.