React Machines

Zagjs

Accordion 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 With options Nested Menu Nested Popover Number Input Pagination Pin Input Popover Popper Presence Progress Radio Group Range Slider Rating Group Segment Control Select Signature Pad Slider Splitter Switch Tabs Tags Input Toast Toggle Group Tooltip Tour Tree View

 Dialog 1 
{
    "value": "closed",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "role": "dialog",
        "renderedElements": {
            "title": true,
            "description": true
        },
        "modal": true,
        "trapFocus": true,
        "preventScroll": true,
        "closeOnInteractOutside": true,
        "closeOnEscape": true,
        "restoreFocus": true,
        "id": ":R1m:"
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "CONTROLLED.OPEN",
        "OPEN",
        "TOGGLE"
    ],
    "changed": false
}

 Dialog 2 
{
    "value": "closed",
    "previousValue": "",
    "event": {},
    "previousEvent": {},
    "context": {
        "role": "dialog",
        "renderedElements": {
            "title": true,
            "description": true
        },
        "modal": true,
        "trapFocus": true,
        "preventScroll": true,
        "closeOnInteractOutside": true,
        "closeOnEscape": true,
        "restoreFocus": true,
        "id": ":R1mH1:"
    },
    "done": false,
    "tags": [],
    "nextEvents": [
        "CONTROLLED.OPEN",
        "OPEN",
        "TOGGLE"
    ],
    "changed": false
}