[{"data":1,"prerenderedAt":111},["ShallowReactive",2],{"icon-panel_left":3},{"icon":4,"details":15,"related":69,"keywords":106},{"slug":5,"name":6,"keywords":7,"filled":12,"regular":13,"preview":14},"panel_left","Panel Left",[8,9,10,11],"pane","sidebar","modal","elevate","ic_fluent_panel_left_24_filled.svg","ic_fluent_panel_left_24_regular.svg",null,{"variants":16,"description":49,"legacy":50,"related":51,"filled":64,"regular":66,"usage":68},{"filled":17,"regular":37},[18,22,25,28,31,34],[19,20,21],16,59581,1,[23,24,21],20,59582,[26,27,21],24,59583,[29,30,21],28,59584,[32,33,21],32,61430,[35,36,21],48,59585,[38,40,42,44,46,47],[19,39,21],59567,[23,41,21],59568,[26,43,21],59569,[29,45,21],59570,[32,33,21],[35,48,21],59571,"Used to represent the plethora of secondary, elevated panels in UI. Contains direction and action variants.",false,[52,53,54,55,56,57,58,59,60,61,62,63],"panel_left_add","panel_left_contract","panel_left_expand","panel_left_key","panel_left_text","panel_left_text_add","panel_left_text_dismiss","panel_bottom","panel_bottom_contract","panel_bottom_expand","panel_right","panel_right_add",{"file":12,"size":26,"body":65},"\u003Cpath d=\"M5.25 4C3.45507 4 2 5.45507 2 7.25V16.75C2 18.5449 3.45508 20 5.25 20H18.75C20.5449 20 22 18.5449 22 16.75V7.25C22 5.45507 20.5449 4 18.75 4H5.25ZM18.75 5.5C19.7165 5.5 20.5 6.2835 20.5 7.25V16.75C20.5 17.7165 19.7165 18.5 18.75 18.5H9.5V5.5H18.75Z\" fill=\"currentColor\"\u002F>",{"file":13,"size":26,"body":67},"\u003Cpath d=\"M2 7.25C2 5.45507 3.45507 4 5.25 4H18.75C20.5449 4 22 5.45507 22 7.25V16.75C22 18.5449 20.5449 20 18.75 20H5.25C3.45508 20 2 18.5449 2 16.75V7.25ZM9.5 5.5V18.5H18.75C19.7165 18.5 20.5 17.7165 20.5 16.75V7.25C20.5 6.2835 19.7165 5.5 18.75 5.5H9.5ZM8 5.5H5.25C4.2835 5.5 3.5 6.2835 3.5 7.25V16.75C3.5 17.7165 4.2835 18.5 5.25 18.5H8V5.5Z\" fill=\"currentColor\"\u002F>","Microsoft uses it to represent the plethora of secondary, elevated panels in UI. The Panel Left icon is tagged pane, sidebar and elevate. Similar Fluent icons include Panel Left Add, Panel Left Contract and Panel Left Expand.",[70,73,76,79,82,85,88,91,94,97,100,103],{"slug":52,"name":71,"file":72},"Panel Left Add","ic_fluent_panel_left_add_24_regular.svg",{"slug":53,"name":74,"file":75},"Panel Left Contract","ic_fluent_panel_left_contract_24_regular.svg",{"slug":54,"name":77,"file":78},"Panel Left Expand","ic_fluent_panel_left_expand_24_regular.svg",{"slug":55,"name":80,"file":81},"Panel Left Key","ic_fluent_panel_left_key_24_regular.svg",{"slug":56,"name":83,"file":84},"Panel Left Text","ic_fluent_panel_left_text_24_regular.svg",{"slug":57,"name":86,"file":87},"Panel Left Text Add","ic_fluent_panel_left_text_add_24_regular.svg",{"slug":58,"name":89,"file":90},"Panel Left Text Dismiss","ic_fluent_panel_left_text_dismiss_24_regular.svg",{"slug":59,"name":92,"file":93},"Panel Bottom","ic_fluent_panel_bottom_20_regular.svg",{"slug":60,"name":95,"file":96},"Panel Bottom Contract","ic_fluent_panel_bottom_contract_20_regular.svg",{"slug":61,"name":98,"file":99},"Panel Bottom Expand","ic_fluent_panel_bottom_expand_20_regular.svg",{"slug":62,"name":101,"file":102},"Panel Right","ic_fluent_panel_right_24_regular.svg",{"slug":63,"name":104,"file":105},"Panel Right Add","ic_fluent_panel_right_add_20_regular.svg",[107,108,109,110],{"name":8,"tag":8},{"name":9,"tag":9},{"name":10,"tag":10},{"name":11,"tag":11},1791689996851]