Destyler

Destyler Go full screen

aspect-ratio/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

breadcrumbs/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

calendar/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

carousel/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

checkbox/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

clipboard/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

collapse/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

collapsible/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

color-picker/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

combobox/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

dialog/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

dynamic/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

edit/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

file-upload/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

floating-panel/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

hover-card/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

image/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

label/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

menu/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

navigation-menu/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

number-input/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

otp-input/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

pagination/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

popover/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

progress/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

qr-code/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

radio/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

scroll-area/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

select/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

separator/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

signature/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

slider/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

splitter/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

steps/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

switch/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

tabs/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

timer/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

toast/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

toggle/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

tooltip/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

tour/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

tree/storybook

lit Default react Default solid Default svelte Default vanilla Default vue Default

placement

overlap

pauseOnPageIdle

gap

max

removeDelay

duration

Visualizer
{
    "value": "overlap",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "dir": "ltr",
        "max": 5,
        "gap": 16,
        "pauseOnPageIdle": false,
        "hotkey": [
            "altKey",
            "KeyT"
        ],
        "offsets": "1rem",
        "placement": "bottom-end",
        "removeDelay": 200,
        "id": "_r1R_0_",
        "overlap": true,
        "duration": 4000,
        "toasts": [],
        "lastFocusedEl": null,
        "isFocusWithin": false,
        "heights": [],
        "count": 0
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "REGION.STACK",
        "REGION.POINTER_ENTER",
        "REGION.FOCUS",
        "PAUSE_TOAST",
        "PAUSE_ALL",
        "RESUME_TOAST",
        "RESUME_ALL",
        "ADD_TOAST",
        "UPDATE_TOAST",
        "DISMISS_TOAST",
        "DISMISS_ALL",
        "REMOVE_TOAST",
        "REMOVE_ALL",
        "UPDATE_HEIGHT",
        "DOC.HOTKEY",
        "REGION.BLUR"
    ],
    "changed": false
}