text: (window["webpackJsonpconnect-plus-react"]=window["webpackJsonpconnect-plus-react"]||[]).push([[10],{348:function(e,a,t){"use strict";t.r(a);var n=t(11),l=t(12),r=t(14),m=t(13),c=t(15),o=t(0),i=t.n(o),u=t(128),d=t(1),E=t(3),s=t(5),p=t.n(s),g=t(7),b=i.a.forwardRef((function(e,a){var t=e.bsPrefix,n=e.size,l=e.toggle,r=e.vertical,m=e.className,c=e.as,o=void 0===c?"div":c,u=Object(E.a)(e,["bsPrefix","size","toggle","vertical","className","as"]),s=Object(g.b)(t,"btn-group"),b=s;return r&&(b=s+"-vertical"),i.a.createElement(o,Object(d.a)({},u,{ref:a,className:p()(m,b,n&&s+"-"+n,l&&s+"-toggle")}))}));b.displayName="ButtonGroup",b.defaultProps={vertical:!1,toggle:!1,role:"group"};var I=b;t.d(a,"Dropdowns",(function(){return h}));var h=function(e){function a(){return Object(n.a)(this,a),Object(r.a)(this,Object(m.a)(a).apply(this,arguments))}return Object(c.a)(a,e),Object(l.a)(a,[{key:"render",value:function(){return i.a.createElement("div",null,i.a.createElement("div",{className:"page-header"},i.a.createElement("h3",{className:"page-title"},"Dropdowns"),i.a.createElement("nav",{"aria-label":"breadcrumb"},i.a.createElement("ol",{className:"breadcrumb"},i.a.createElement("li",{className:"breadcrumb-item"},i.a.createElement("a",{href:"!#",onClick:function(e){return e.preventDefault()}},"UI Elements")),i.a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},"Dropdowns")))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-lg-12 grid-margin"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Basic dropdown"),i.a.createElement("p",{className:"card-description"},"Wrap the dropdown\u2019s toggle (your button or link) and the dropdown menu within ",i.a.createElement("code",null,".dropdown")),i.a.createElement("div",{className:"template-demo"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-primary",id:"dropdownMenuButton1"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-secondary",id:"dropdownMenuButton2"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-danger",id:"dropdownMenuButton3"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-warning",id:"dropdownMenuButton4"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-success",id:"dropdownMenuButton5"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-info",id:"dropdownMenuButton6"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))))),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Dropdown outline"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".btn-outline-{color}")," to the button inside ",i.a.createElement("code",null,".dropdown")),i.a.createElement("div",{className:"template-demo"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-primary",id:"dropdownMenuOutlineButton1"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-secondary",id:"dropdownMenuOutlineButton2"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-danger",id:"dropdownMenuOutlineButton3"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-warning",id:"dropdownMenuOutlineButton4"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-success",id:"dropdownMenuOutlineButton5"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-info",id:"dropdownMenuOutlineButton6"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Split button dropdowns"),i.a.createElement("p",{className:"card-description"},"Wrap two buttons in ",i.a.createElement("code",null,".btn-group")," and add ",i.a.createElement("code",null,".dropdown-toggle-split")," to the toggling button"),i.a.createElement("div",{className:"template-demo"},i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-primary"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-primary dropdown-toggle-split",id:"dropdownMenuSplitButton1"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-danger"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-danger dropdown-toggle dropdown-toggle-split",id:"dropdownMenuSplitButton2"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-success"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-success dropdown-toggle dropdown-toggle-split",id:"dropdownMenuSplitButton3"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-secondary"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-secondary dropdown-toggle dropdown-toggle-split",id:"dropdownMenuSplitButton4"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-info"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-info dropdown-toggle dropdown-toggle-split",id:"dropdownMenuSplitButton5"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{as:I},i.a.createElement("button",{type:"button",className:"btn btn-warning"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-warning dropdown-toggle dropdown-toggle-split",id:"dropdownMenuSplitButton6"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Icon dropdowns"),i.a.createElement("p",{className:"card-description"},"Add icon tags instead of text"),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-12"},i.a.createElement("div",{className:"template-demo d-flex justify-content-between"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-warning",id:"dropdownMenuIconButton1"},i.a.createElement("i",{className:"mdi mdi-earth"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-danger",id:"dropdownMenuIconButton2"},i.a.createElement("i",{className:"mdi mdi-trophy-outline"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-outline-info",id:"dropdownMenuIconButton3"},i.a.createElement("i",{className:"mdi mdi-clock"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link")))))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-12"},i.a.createElement("div",{className:"template-demo d-flex justify-content-between"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-success",id:"dropdownMenuIconButton4"},i.a.createElement("i",{className:"mdi mdi-heart"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-warning",id:"dropdownMenuIconButton5"},i.a.createElement("i",{className:"mdi mdi-logout"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-primary",id:"dropdownMenuIconButton6"},i.a.createElement("i",{className:"mdi mdi-security"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link")))))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-12"},i.a.createElement("div",{className:"template-demo d-flex justify-content-between"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-dark",id:"dropdownMenuIconButton7"},i.a.createElement("i",{className:"mdi mdi-account"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-info",id:"dropdownMenuIconButton8"},i.a.createElement("i",{className:"mdi mdi-bell"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-success",id:"dropdownMenuIconButton7"},i.a.createElement("i",{className:"mdi mdi-account"})),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))))))))),i.a.createElement("div",{className:"col-lg-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Dropup variation"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".dropup")),i.a.createElement("div",{className:"template-demo"},i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-primary"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-primary",id:"dropupMenuSplitButton1"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-danger"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-danger",id:"dropupMenuSplitButton2"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-success"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-success",id:"dropupMenuSplitButton3"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-secondary"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-secondary",id:"dropupMenuSplitButton4"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-info"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-info",id:"dropupMenuSplitButton5"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,{drop:"up",as:I},i.a.createElement("button",{type:"button",className:"btn btn-warning"},"Dropdown"),i.a.createElement(u.a.Toggle,{variant:"btn btn-warning",id:"dropupMenuSplitButton6"},i.a.createElement("span",{className:"sr-only"},"Toggle Dropdown")),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))))))),i.a.createElement("div",{className:"col-lg-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Dropdown sizes"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".btn-{size}")," to dropdown buttons"),i.a.createElement("div",{className:"template-demo mt-5"},i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-danger btn-lg",id:"dropdownMenuSizeButton1"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-danger",id:"dropdownMenuSizeButton2"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link"))),i.a.createElement(u.a,null,i.a.createElement(u.a.Toggle,{variant:"btn btn-danger btn-sm",id:"dropdownMenuSizeButton3"},"Dropdown"),i.a.createElement(u.a.Menu,null,i.a.createElement(u.a.Header,null,"Settings"),i.a.createElement(u.a.Item,null,"Action"),i.a.createElement(u.a.Item,null,"Another action"),i.a.createElement(u.a.Item,null,"Something else here"),i.a.createElement(u.a.Divider,null),i.a.createElement(u.a.Item,null,"Separated link")))))))))}}]),a}(o.Component);a.default=h}}]);
  //# sourceMappingURL=10.ec6e5743.chunk.js.map