{ "extractedAt": "2026-05-08T03:56:19.859Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Drop down List/Cascading", "nodeId": "1446:118052", "type": "COMPONENT_SET", "pageId": "1421:35865", "pageName": "— — Input/Select box", "description": "", "key": "6017094786f349364425501bf426f073e1f785bb", "variants": [ { "id": "1446:115927", "name": "Dark Theme=on, Type=Radio", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 160, "w": 482, "x": -4187, "y": 2913, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622" } ], "strokes": [], "strokeWeight": 1, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 12, "spread": 4, "blendMode": "NORMAL", "offset": { "x": 0, "y": 5 }, "color": { "hex": "#000000", "opacity": 0.09000000357627869 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 6, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 3 }, "color": { "hex": "#000000", "opacity": 0.11999999731779099 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 2, "spread": -2, "blendMode": "NORMAL", "offset": { "x": 0, "y": 1 }, "color": { "hex": "#000000", "opacity": 0.1599999964237213 } } ], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I1446:115074;1434:112649;1715:32296;1565:61260", "I1446:115074;1434:112649;1715:32296;1355:28332", "I1446:115074;1434:112649;1715:32296;1355:28333", "I1446:115074;1434:112649;1715:32296;1565:61646", "I1446:115074;1434:112650;1473:3223", "I1446:115074;1434:112650;1544:5765", "I1446:115080;1434:112649;1715:32296;1565:61260", "I1446:115080;1434:112649;1715:32296;1355:28332", "I1446:115080;1434:112649;1715:32296;1355:28333", "I1446:115080;1434:112649;1715:32296;1565:61646", "I1446:115080;1434:112650;1473:3223", "I1446:115080;1434:112650;1544:5765", "I1446:115085;1563:85084;1473:3223", "I1446:115085;1563:85084;1544:5765", "I1446:115090;1434:112649;1715:32296;1565:61260", "I1446:115090;1434:112649;1715:32296;1355:28332", "I1446:115090;1434:112649;1715:32296;1355:28333", "I1446:115090;1434:112649;1715:32296;1565:61646", "I1446:115090;1434:112650;1473:3223", "I1446:115090;1434:112650;1544:5765", "I4600:23499;1563:85049;1548:36921;1565:61260", "I4600:23499;1563:85049;1548:36921;1355:28332", "I4600:23499;1563:85049;1548:36921;1355:28333", "I4600:23499;1563:85049;1548:36921;1565:61646", "I4600:23499;1563:85050;1473:3223", "I4600:23499;1563:85050;1544:5765", "I4600:23500;1446:115705;1715:32296;1565:61260", "I4600:23500;1446:115705;1715:32296;1355:28332", "I4600:23500;1446:115705;1715:32296;1355:28333", "I4600:23500;1446:115705;1715:32296;1565:61646", "I4600:23500;1446:115706;1473:3223", "I4600:23500;1446:115706;1544:5765", "I4600:23502;1446:115705;1715:32296;1565:61260", "I4600:23502;1446:115705;1715:32296;1355:28332", "I4600:23502;1446:115705;1715:32296;1355:28333", "I4600:23502;1446:115705;1715:32296;1565:61646", "I4600:23502;1446:115706;1473:3223", "I4600:23502;1446:115706;1544:5765", "I4600:23501;1446:115705;1715:32296;1565:61260", "I4600:23501;1446:115705;1715:32296;1355:28332", "I4600:23501;1446:115705;1715:32296;1355:28333", "I4600:23501;1446:115705;1715:32296;1565:61646", "I4600:23501;1446:115706;1473:3223", "I4600:23501;1446:115706;1544:5765", "I4600:24208;1446:115705;1715:32296;1565:61260", "I4600:24208;1446:115705;1715:32296;1355:28332", "I4600:24208;1446:115705;1715:32296;1355:28333", "I4600:24208;1446:115705;1715:32296;1565:61646", "I4600:24208;1446:115706;1473:3223", "I4600:24208;1446:115706;1544:5765" ], "description": null, "componentSetId": "1446:118052", "componentPropertyReferences": null }, { "id": "1446:118064", "name": "Dark Theme=on, Type=Multi", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 160, "w": 482, "x": -3665, "y": 2913, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:1558:94789" } ], "strokes": [], "strokeWeight": 1, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 12, "spread": 4, "blendMode": "NORMAL", "offset": { "x": 0, "y": 5 }, "color": { "hex": "#000000", "opacity": 0.09000000357627869 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 6, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 3 }, "color": { "hex": "#000000", "opacity": 0.11999999731779099 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 2, "spread": -2, "blendMode": "NORMAL", "offset": { "x": 0, "y": 1 }, "color": { "hex": "#000000", "opacity": 0.1599999964237213 } } ], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509" } ], "v": null }, "vectorNodeIds": [ "I4600:24239;1446:115143;1473:3223", "I4600:24239;1446:115143;1544:5765", "I4600:24240;1446:115143;1473:3223", "I4600:24240;1446:115143;1544:5765", "I4600:24241;1563:85310;1473:3223", "I4600:24241;1563:85310;1544:5765", "I4600:24242;1446:115143;1473:3223", "I4600:24242;1446:115143;1544:5765", "I4600:24244;2678:49960;1480:74525", "I4600:24244;2678:49960;1480:76742", "I4600:24245;1452:53136;1473:3223", "I4600:24245;1452:53136;1544:5765", "I4600:24247;1452:53136;1473:3223", "I4600:24247;1452:53136;1544:5765", "I4600:24246;1452:53136;1473:3223", "I4600:24246;1452:53136;1544:5765", "I4600:24248;1452:53136;1473:3223", "I4600:24248;1452:53136;1544:5765" ], "description": null, "componentSetId": "1446:118052", "componentPropertyReferences": null }, { "id": "1446:116909", "name": "Dark Theme=off, Type=Radio", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 160, "w": 480, "x": -4187, "y": 3153, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:2611:57619" } ], "strokes": [], "strokeWeight": 1, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": 8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 6, "spread": -4, "blendMode": "NORMAL", "offset": { "x": 0, "y": 3 }, "color": { "hex": "#000000", "opacity": 0.11999999731779099 } } ], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792" } ], "v": null }, "vectorNodeIds": [ "I4600:26817;1561:8399;1473:3223", "I4600:26817;1561:8399;1544:5765", "I4600:26818;1561:8399;1473:3223", "I4600:26818;1561:8399;1544:5765", "I4600:26819;1563:85119;1473:3223", "I4600:26819;1563:85119;1544:5765", "I4600:26820;1561:8399;1473:3223", "I4600:26820;1561:8399;1544:5765", "I4600:26822;1563:85153;1473:3223", "I4600:26822;1563:85153;1544:5765", "I4600:26823;1561:8411;1473:3223", "I4600:26823;1561:8411;1544:5765", "I4600:26824;1561:8411;1473:3223", "I4600:26824;1561:8411;1544:5765", "I4600:26825;1561:8411;1473:3223", "I4600:26825;1561:8411;1544:5765", "I4600:26826;1561:8411;1473:3223", "I4600:26826;1561:8411;1544:5765" ], "description": null, "componentSetId": "1446:118052", "componentPropertyReferences": null }, { "id": "1446:118083", "name": "Dark Theme=off, Type=Multi", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 160, "w": 480, "x": -3667, "y": 3153, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 4, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:2611:57619" } ], "strokes": [], "strokeWeight": 1, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": 8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 6, "spread": -4, "blendMode": "NORMAL", "offset": { "x": 0, "y": 3 }, "color": { "hex": "#000000", "opacity": 0.11999999731779099 } } ], "text": { "characters": "Option 1", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792" } ], "v": null }, "vectorNodeIds": [ "I4600:27813;1561:8423;1473:3223", "I4600:27813;1561:8423;1544:5765", "I4600:27814;1561:8423;1473:3223", "I4600:27814;1561:8423;1544:5765", "I4600:27815;1563:85328;1473:3223", "I4600:27815;1563:85328;1544:5765", "I4600:27816;1561:8423;1473:3223", "I4600:27816;1561:8423;1544:5765", "I4600:27818;2678:49970;1480:74525", "I4600:27818;2678:49970;1480:76742", "I4600:27819;1561:8435;1473:3223", "I4600:27819;1561:8435;1544:5765", "I4600:27820;1561:8435;1473:3223", "I4600:27820;1561:8435;1544:5765", "I4600:27821;1561:8435;1473:3223", "I4600:27821;1561:8435;1544:5765", "I4600:27822;1561:8435;1473:3223", "I4600:27822;1561:8435;1544:5765" ], "description": null, "componentSetId": "1446:118052", "componentPropertyReferences": null } ] }