Zag.js + Solid

Zagjs

Accordion Angle Slider Avatar Carousel Checkbox Clipboard Collapsible Color Picker Combobox Context Menu Date Picker (Multi)Date Picker (Range)Date Picker (Single)Dialog Editable File Upload Floating Panel Hover Card Menu Menu Nested Menu With options Number Input Pagination Pin Input Popover Popper Presence Progress QR Code Radio Group Range Slider Rating Group Segment Control Select Signature Pad Slider Splitter Steps Switch Tabs Tags Input Time Picker Timer (CountDown)Timer (StopWatch)Toast (Overlap)Toast (Stacked)Toggle Group Tooltip Tour Tree View

Step 1

Step 2

Step 3

Step 4

keyboardNavigation

closeOnEsc

closeOnInteractOutside

preventInteraction

 Visualizer 
{
    "state": "tour.inactive",
    "event": {
        "type": ""
    }
}