[{"data":1,"prerenderedAt":87},["ShallowReactive",2],{"icon-panel_bottom":3},{"icon":4,"details":15,"related":45,"keywords":82},{"slug":5,"name":6,"keywords":7,"filled":12,"regular":13,"preview":14},"panel_bottom","Panel Bottom",[8,9,10,11],"pane","sidebar","modal","elevate","ic_fluent_panel_bottom_20_filled.svg","ic_fluent_panel_bottom_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,59578,1,[23],[19,24,21],59564,"Used to represent the plethora of secondary, elevated panels in UI. Contains direction and action variants.",false,[28,29,30,31,32,33,34,35,36,37,38,39],"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","panel_right_add",{"file":12,"size":19,"body":41},"\u003Cpath fill=\"currentColor\" d=\"M2 6a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm3-2a2 2 0 0 0-2 2v5h14V6a2 2 0 0 0-2-2z\"\u002F>",{"file":13,"size":19,"body":43},"\u003Cpath fill=\"currentColor\" d=\"M5 3a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zM3 6c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v5H3zm0 6h14v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>","Microsoft uses it to represent the plethora of secondary, elevated panels in UI. The Panel Bottom icon is tagged pane, sidebar and elevate. Similar Fluent icons include Panel Bottom Contract, Panel Bottom Expand and Panel Left.",[46,49,52,55,58,61,64,67,70,73,76,79],{"slug":28,"name":47,"file":48},"Panel Bottom Contract","ic_fluent_panel_bottom_contract_20_regular.svg",{"slug":29,"name":50,"file":51},"Panel Bottom Expand","ic_fluent_panel_bottom_expand_20_regular.svg",{"slug":30,"name":53,"file":54},"Panel Left","ic_fluent_panel_left_24_regular.svg",{"slug":31,"name":56,"file":57},"Panel Left Add","ic_fluent_panel_left_add_24_regular.svg",{"slug":32,"name":59,"file":60},"Panel Left Contract","ic_fluent_panel_left_contract_24_regular.svg",{"slug":33,"name":62,"file":63},"Panel Left Expand","ic_fluent_panel_left_expand_24_regular.svg",{"slug":34,"name":65,"file":66},"Panel Left Key","ic_fluent_panel_left_key_24_regular.svg",{"slug":35,"name":68,"file":69},"Panel Left Text","ic_fluent_panel_left_text_24_regular.svg",{"slug":36,"name":71,"file":72},"Panel Left Text Add","ic_fluent_panel_left_text_add_24_regular.svg",{"slug":37,"name":74,"file":75},"Panel Left Text Dismiss","ic_fluent_panel_left_text_dismiss_24_regular.svg",{"slug":38,"name":77,"file":78},"Panel Right","ic_fluent_panel_right_24_regular.svg",{"slug":39,"name":80,"file":81},"Panel Right Add","ic_fluent_panel_right_add_20_regular.svg",[83,84,85,86],{"name":8,"tag":8},{"name":9,"tag":9},{"name":10,"tag":10},{"name":11,"tag":11},1791689996837]