Mixins / foldkit-mixins-ui
Supported components
This is reference material; you do not need to memorize it to understand the adapter.
| Component | Slots |
|---|---|
| Button | button |
| Input | input, label, description |
| Textarea | textarea, label, description |
| Select | select, label, description |
| Checkbox | checkbox, label, description, hiddenInput |
| Switch | button, label, description, hiddenInput |
| Fieldset | fieldset, legend, description |
| Disclosure | button, panel |
| Dialog | dialog, backdrop, panel, title, description, initialFocus, closeButton. An alert dialog is this one: draw it with role="alertdialog" and no close button, and drop the Messages Dialog.isDismissal names (Escape, the backdrop) in update, so only its own buttons, closing with @foldkit/ui's close, answer it |
| Popover | button, panel, backdrop, arrow |
| Tooltip | trigger, panel |
| HoverIntent | trigger, panel (open and close delays with intent, for a hover card or a menu) |
| Slider | root, track, filledTrack, thumb, label, hiddenInput |
| Tabs | tablist, tab, panel, and this package's indicator and highlight (drawn first in the tablist, for Tabs.fluid) |
| RadioGroup | group, option, label, description, hiddenInput |
| Anchor | a Mount and a Behavior over @foldkit/ui/anchor: Anchor.behavior(Slots)({ floating, config }) positions a floating slot against a button by id |
| Calendar | root, header (the heading's row, this package's own), grid, headerRow, previousMonthButton, nextMonthButton, headingButton, previousPageButton, nextPageButton, columnHeader, weekRow, dayCell, dayButton, monthCell, monthButton, yearCell, yearButton |
| Menu | wrapper, button, backdrop, items, scroll, item, group, heading, separator, and this package's rows, highlight (over the MenuView fork; see below) |
| FileDrop | root, input |
| Toast | container, entry (over the ToastView fork; the dismiss control stays inside the consumer's entryToView) |
| Listbox | wrapper, button, backdrop, items, scroll, item, group, heading, separator, and this package's rows, highlight, indicator (over the ListboxView fork; single and multi share one transcription) |
| Combobox | wrapper, inputWrapper, input, toggleButton, backdrop, items, scroll, item, group, heading, separator, and this package's rows, highlight, indicator (over the ComboboxView fork; single and multi share one transcription) |
| DatePicker | trigger, panel, backdrop (over the DatePickerView fork, which keeps upstream's Popover+Calendar composition and seams only the popover assembly) |