[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"icon-panel_top_gallery":3},{"icon":4,"details":16,"related":61,"keywords":98},{"slug":5,"name":6,"keywords":7,"filled":13,"regular":14,"preview":15},"panel_top_gallery","Panel Top Gallery",[8,9,10,11,12],"pane","sidebar","modal","elevate","gallery","ic_fluent_panel_top_gallery_24_filled.svg","ic_fluent_panel_top_gallery_24_regular.svg",null,{"variants":17,"description":41,"legacy":42,"related":43,"filled":56,"regular":58,"usage":60},{"filled":18,"regular":32},[19,23,26,29],[20,21,22],16,983844,1,[24,25,22],20,983845,[27,28,22],24,983846,[30,31,22],28,983847,[33,35,37,39],[20,34,22],983825,[24,36,22],983826,[27,38,22],983827,[30,40,22],983828,"Used to represent the plethora of secondary, elevated panels in UI.",false,[44,45,46,47,48,49,50,51,52,53,54,55],"panel_right_gallery","panel_top_contract","panel_top_expand","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",{"file":13,"size":27,"body":57},"\u003Cpath d=\"M7.5 4H5.25C3.45507 4 2 5.45507 2 7.25V16.75C2 18.5449 3.45507 20 5.25 20H18.75C20.5449 20 22 18.5449 22 16.75V7.25C22 5.45507 20.5449 4 18.75 4H16.5V11H20.5V16.75C20.5 17.7165 19.7165 18.5 18.75 18.5H5.25C4.2835 18.5 3.5 17.7165 3.5 16.75V11H7.5V4ZM9 11H15V4H9V11Z\" fill=\"currentColor\"\u002F>",{"file":14,"size":27,"body":59},"\u003Cpath d=\"M5.25 4C3.45507 4 2 5.45507 2 7.25V16.75C2 18.5449 3.45507 20 5.25 20H18.75C20.5449 20 22 18.5449 22 16.75V7.25C22 5.45507 20.5449 4 18.75 4H5.25ZM3.5 7.25C3.5 6.2835 4.2835 5.5 5.25 5.5H8V10.5H3.5V7.25ZM3.5 12H20.5V16.75C20.5 17.7165 19.7165 18.5 18.75 18.5H5.25C4.2835 18.5 3.5 17.7165 3.5 16.75V12ZM20.5 10.5H16V5.5H18.75C19.7165 5.5 20.5 6.2835 20.5 7.25V10.5ZM14.5 5.5V10.5H9.5V5.5H14.5Z\" fill=\"currentColor\"\u002F>","Microsoft uses it to represent the plethora of secondary, elevated panels in UI. The Panel Top Gallery icon is tagged pane, sidebar and elevate. Similar Fluent icons include Panel Right Gallery, Panel Top Contract and Panel Top Expand.",[62,65,68,71,74,77,80,83,86,89,92,95],{"slug":44,"name":63,"file":64},"Panel Right Gallery","ic_fluent_panel_right_gallery_24_regular.svg",{"slug":45,"name":66,"file":67},"Panel Top Contract","ic_fluent_panel_top_contract_20_regular.svg",{"slug":46,"name":69,"file":70},"Panel Top Expand","ic_fluent_panel_top_expand_20_regular.svg",{"slug":47,"name":72,"file":73},"Panel Bottom","ic_fluent_panel_bottom_20_regular.svg",{"slug":48,"name":75,"file":76},"Panel Bottom Contract","ic_fluent_panel_bottom_contract_20_regular.svg",{"slug":49,"name":78,"file":79},"Panel Bottom Expand","ic_fluent_panel_bottom_expand_20_regular.svg",{"slug":50,"name":81,"file":82},"Panel Left","ic_fluent_panel_left_24_regular.svg",{"slug":51,"name":84,"file":85},"Panel Left Add","ic_fluent_panel_left_add_24_regular.svg",{"slug":52,"name":87,"file":88},"Panel Left Contract","ic_fluent_panel_left_contract_24_regular.svg",{"slug":53,"name":90,"file":91},"Panel Left Expand","ic_fluent_panel_left_expand_24_regular.svg",{"slug":54,"name":93,"file":94},"Panel Left Key","ic_fluent_panel_left_key_24_regular.svg",{"slug":55,"name":96,"file":97},"Panel Left Text","ic_fluent_panel_left_text_24_regular.svg",[99,100,101,102,103],{"name":8,"tag":8},{"name":9,"tag":9},{"name":10,"tag":10},{"name":11,"tag":11},{"name":12,"tag":15},1791689996985]