[{"data":1,"prerenderedAt":87},["ShallowReactive",2],{"icon-panel_separate_window":3},{"icon":4,"details":15,"related":45,"keywords":82},{"slug":5,"name":6,"keywords":7,"filled":12,"regular":13,"preview":14},"panel_separate_window","Panel Separate Window",[8,9,10,11],"pane","sidebar","modal","elevate","ic_fluent_panel_separate_window_20_filled.svg","ic_fluent_panel_separate_window_20_regular.svg",null,{"variants":16,"description":25,"legacy":26,"related":27,"filled":40,"regular":42,"usage":44},{"filled":17,"regular":22},[18],[19,20,21],20,59607,1,[23],[19,24,21],59589,"Used to represent disconnecting the elevated panel in UI.",false,[28,29,30,31,32,33,34,35,36,37,38,39],"panel_bottom","panel_bottom_contract","panel_bottom_expand","panel_left","panel_left_add","panel_left_contract","panel_left_expand","panel_left_key","panel_left_text","panel_left_text_add","panel_left_text_dismiss","panel_right",{"file":12,"size":19,"body":41},"\u003Cpath fill=\"currentColor\" d=\"M3 2a2 2 0 0 0-2 2v4c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0 12v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"\u002F>",{"file":13,"size":19,"body":43},"\u003Cpath fill=\"currentColor\" d=\"M3 2a2 2 0 0 0-2 2v4c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM2 4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm1 10v-3h1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-3V4h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"\u002F>","Microsoft uses it to represent disconnecting the elevated panel in UI. The Panel Separate Window icon is tagged pane, sidebar and elevate. Similar Fluent icons include Panel Bottom, Panel Bottom Contract and Panel Bottom Expand.",[46,49,52,55,58,61,64,67,70,73,76,79],{"slug":28,"name":47,"file":48},"Panel Bottom","ic_fluent_panel_bottom_20_regular.svg",{"slug":29,"name":50,"file":51},"Panel Bottom Contract","ic_fluent_panel_bottom_contract_20_regular.svg",{"slug":30,"name":53,"file":54},"Panel Bottom Expand","ic_fluent_panel_bottom_expand_20_regular.svg",{"slug":31,"name":56,"file":57},"Panel Left","ic_fluent_panel_left_24_regular.svg",{"slug":32,"name":59,"file":60},"Panel Left Add","ic_fluent_panel_left_add_24_regular.svg",{"slug":33,"name":62,"file":63},"Panel Left Contract","ic_fluent_panel_left_contract_24_regular.svg",{"slug":34,"name":65,"file":66},"Panel Left Expand","ic_fluent_panel_left_expand_24_regular.svg",{"slug":35,"name":68,"file":69},"Panel Left Key","ic_fluent_panel_left_key_24_regular.svg",{"slug":36,"name":71,"file":72},"Panel Left Text","ic_fluent_panel_left_text_24_regular.svg",{"slug":37,"name":74,"file":75},"Panel Left Text Add","ic_fluent_panel_left_text_add_24_regular.svg",{"slug":38,"name":77,"file":78},"Panel Left Text Dismiss","ic_fluent_panel_left_text_dismiss_24_regular.svg",{"slug":39,"name":80,"file":81},"Panel Right","ic_fluent_panel_right_24_regular.svg",[83,84,85,86],{"name":8,"tag":8},{"name":9,"tag":9},{"name":10,"tag":10},{"name":11,"tag":11},1791689996972]