text: (this["webpackJsonpBitfari-SC"]=this["webpackJsonpBitfari-SC"]||[]).push([[95],{1888:function(e,s,t){"use strict";t.r(s);var c=t(0),i=t(445),l=t(446),a=t(441),r=t(443),n=t(449),j=t(448),d=t(444),o=t(452),h=t(499),b=t(6),x=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["HTML headings ",Object(b.jsx)("small",{className:"text-muted",children:"Default"})]})}),Object(b.jsx)(d.a,{children:Object(b.jsxs)(o.a,{children:["All HTML headings,",Object(b.jsx)("code",{children:"<h1>"}),"through",Object(b.jsx)("code",{children:"<h6>"}),", are available. ",Object(b.jsx)("code",{children:".h1"})," through ",Object(b.jsx)("code",{children:".h6"})," classes are also available, for when you want to match the font styling of a heading."]})}),Object(b.jsxs)(h.a,{responsive:!0,borderless:!0,className:"mb-0",children:[Object(b.jsx)("thead",{children:Object(b.jsxs)("tr",{children:[Object(b.jsx)("th",{children:"Preview"}),Object(b.jsx)("th",{className:"text-right",children:"Font Size"})]})}),Object(b.jsxs)("tbody",{children:[Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h1",{children:"H1 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"2rem"})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h2",{children:"H2 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"1.74rem"})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h3",{children:"H3 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"1.51rem"})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h4",{children:"H4 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"1.32rem"})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h5",{children:"H5 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"1.14rem"})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h6",{children:"H6 Heading"})}),Object(b.jsx)("td",{className:"type-info text-right",children:"1rem"})]})]})]})]})},O=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Light / Bold Headings"})}),Object(b.jsx)(d.a,{children:Object(b.jsxs)(o.a,{children:["All HTML headings are available with light and bold font-weight. Use ",Object(b.jsx)("code",{children:".font-weight-normal"})," for light heading and ",Object(b.jsx)("code",{children:".font-weight-bolderer"})," for bold headings along with heading tags or classes."]})}),Object(b.jsxs)(h.a,{responsive:!0,borderless:!0,className:"mb-0",children:[Object(b.jsx)("thead",{children:Object(b.jsxs)("tr",{children:[Object(b.jsx)("th",{children:"Light headings"}),Object(b.jsx)("th",{className:"text-right",children:"Bold headings"})]})}),Object(b.jsxs)("tbody",{children:[Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"font-weight-normal",children:"Heading 1"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h1",{className:"font-weight-bolder",children:"Heading 1"})})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h2",{className:"font-weight-normal",children:"Heading 2"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h2",{className:"font-weight-bolder",children:"Heading 2"})})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h3",{className:"font-weight-normal",children:"Heading 3"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h3",{className:"font-weight-bolder",children:"Heading 3"})})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h4",{className:"font-weight-normal",children:"Heading 4"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h4",{className:"font-weight-bolder",children:"Heading 4"})})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h5",{className:"font-weight-normal",children:"Heading 5"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h5",{className:"font-weight-bolder",children:"Heading 5"})})]}),Object(b.jsxs)("tr",{children:[Object(b.jsx)("td",{children:Object(b.jsx)("h6",{className:"font-weight-normal",children:"Heading 6"})}),Object(b.jsx)("td",{className:"text-right",children:Object(b.jsx)("h6",{className:"font-weight-bolder",children:"Heading 6"})})]})]})]})]})},m=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["Customizing headings ",Object(b.jsx)("small",{className:"text-muted",children:"Default"})]})}),Object(b.jsx)(d.a,{children:Object(b.jsx)(o.a,{children:"Use the included utility classes to recreate the small secondary heading text."})}),Object(b.jsx)(h.a,{borderless:!0,responsive:!0,className:"mb-0",children:Object(b.jsxs)("tbody",{children:[Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h1",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h2",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h3",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h4",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h5",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsxs)("h6",{children:["Display heading ",Object(b.jsx)("small",{className:"text-secondary",children:"Secondary text"})]})})})]})})]})},u=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Heading colors"})}),Object(b.jsx)(d.a,{children:Object(b.jsxs)(o.a,{children:["Heading elements are also changed with different color options. Use class",Object(b.jsx)("code",{children:"text-[primary/secondary/success/danger/info/warning]"})," class with heading elements."]})}),Object(b.jsx)(h.a,{responsive:!0,borderless:!0,className:"mb-0",children:Object(b.jsxs)("tbody",{children:[Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"text-primary",children:"Display heading"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h2",{className:"text-success",children:"Display heading"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h3",{className:"text-danger",children:"Display heading"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h4",{className:"text-warning",children:"Display heading"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h5",{className:"text-info",children:"Display heading"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h6",{className:"text-dark",children:"Display heading"})})})]})})]})},g=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Display Headings"})}),Object(b.jsx)(d.a,{children:Object(b.jsxs)(o.a,{children:["Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a ",Object(b.jsx)("code",{children:"display-[1-4]"})," for larger, slightly more opinionated heading style."]})}),Object(b.jsx)(h.a,{responsive:!0,borderless:!0,className:"mb-0",children:Object(b.jsxs)("tbody",{children:[Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"display-1",children:"Display 1"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"display-2",children:"Display 2"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"display-3",children:"Display 3"})})}),Object(b.jsx)("tr",{children:Object(b.jsx)("td",{children:Object(b.jsx)("h1",{className:"display-4",children:"Display 4"})})})]})})]})},p=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["Blockquotes ",Object(b.jsx)("small",{className:"text-muted",children:"Default"})]})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Left aligned basic blockquotes. Use text utilities classes like ",Object(b.jsx)("code",{children:".text-center / .text-right"})," as needed to change the alignment of your blockquote."]}),Object(b.jsx)("blockquote",{className:"blockquote",children:Object(b.jsx)("p",{children:"Design is not just what it looks like and feels like. Design is how it works."})})]})]})},f=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Naming a source"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Add a ",Object(b.jsx)("code",{className:"highlighter-rouge",children:'<footer className="blockquote-footer">'})," for identifying the source. Wrap the name of the source work in ",Object(b.jsx)("code",{className:"highlighter-rouge",children:"<cite>"}),"."]}),Object(b.jsxs)("blockquote",{className:"blockquote mb-0",children:[Object(b.jsx)(o.a,{className:"mb-0",children:"Being the richest man in the cemetery doesn't matter to me. Going to bed at night saying we've done something wonderful, that's what matters to me."}),Object(b.jsxs)("footer",{className:"blockquote-footer",children:["Steve Jobs",Object(b.jsx)("cite",{title:"Source Title",children:"Entrepreneur"})]})]})]})]})},N=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Blockquotes styling"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Add a ",Object(b.jsx)("code",{className:"highlighter-rouge",children:".border-[left / right]-[color] .border-[left / right]-3"})," ","helper classes, where color can be any color from Vuexy Admin color palette."]}),Object(b.jsxs)("blockquote",{className:"blockquote pl-1 border-left-primary border-left-3",children:[Object(b.jsx)(o.a,{className:"mb-0",children:"Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations."}),Object(b.jsxs)("footer",{className:"blockquote-footer",children:["Steve Jobs ",Object(b.jsx)("cite",{title:"Source Title",children:"Entrepreneur"})]})]}),Object(b.jsxs)("blockquote",{className:"blockquote pr-1 text-right border-right-primary border-right-3",children:[Object(b.jsx)(o.a,{className:"mb-0",children:"Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations."}),Object(b.jsxs)("footer",{className:"blockquote-footer",children:["Steve Jobs ",Object(b.jsx)("cite",{title:"Source Title",children:"Entrepreneur"})]})]})]})]})},y=t(48),v=t(31),w=t(958),T=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Blockquotes with avatar"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["You can create a blockquot with avatar using ",Object(b.jsx)("code",{children:"media"})," component."]}),Object(b.jsxs)("blockquote",{className:"blockquote pl-1 border-left-primary border-left-3",children:[Object(b.jsxs)(w.a,{children:[Object(b.jsx)(w.a,{className:"mr-1",left:!0,children:Object(b.jsx)(w.a,{object:!0,src:y.default,alt:"Generic placeholder image",height:"64",width:"64"})}),Object(b.jsx)(w.a,{body:!0,children:"Sometimes life is going to hit you in the head with a brick. Don't lose faith."})]}),Object(b.jsxs)("footer",{className:"blockquote-footer text-right",children:["Steve Jobs",Object(b.jsx)("cite",{title:"Source Title",children:"Entrepreneur"})]})]}),Object(b.jsx)(o.a,{className:"mt-2",children:"Blockquotes with avatar rounded image example"}),Object(b.jsxs)("blockquote",{className:"blockquote",children:[Object(b.jsxs)(w.a,{children:[Object(b.jsx)(w.a,{className:"mr-1",left:!0,children:Object(b.jsx)(w.a,{className:"rounded-circle",object:!0,src:v.default,alt:"Generic placeholder image",height:"64",width:"64"})}),Object(b.jsx)(w.a,{body:!0,children:"Sometimes life is going to hit you in the head with a brick. Don't lose faith."})]}),Object(b.jsxs)("footer",{className:"blockquote-footer text-right",children:["Steve Jobs",Object(b.jsx)("cite",{title:"Source Title",children:"Entrepreneur"})]})]})]})]})},k=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Lists Unstyled"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Use class ",Object(b.jsx)("code",{children:".list-unstyled"})," for Lists Unstyled. It remove the default ",Object(b.jsx)("code",{children:"list-style"})," and left margin on list items (immediate children only).",Object(b.jsx)("strong",{children:"This only applies to immediate children list items"}),", meaning you will need to add the class for any nested lists as well."]}),Object(b.jsxs)("ul",{className:"list-unstyled",children:[Object(b.jsx)("li",{children:"Lorem ipsum dolor sit amet"}),Object(b.jsx)("li",{children:"Consectetur adipiscing elit"}),Object(b.jsx)("li",{children:"Integer molestie lorem at massa"}),Object(b.jsx)("li",{children:"Facilisis in pretium nisl aliquet"}),Object(b.jsxs)("li",{children:["Nulla volutpat aliquam velit",Object(b.jsxs)("ul",{children:[Object(b.jsx)("li",{children:"Phasellus iaculis neque"}),Object(b.jsx)("li",{children:"Purus sodales ultricies"}),Object(b.jsx)("li",{children:"Vestibulum laoreet porttitor sem"}),Object(b.jsx)("li",{children:"Ac tristique libero volutpat at"})]})]}),Object(b.jsx)("li",{children:"Faucibus porta lacus fringilla vel"}),Object(b.jsx)("li",{children:"Aenean sit amet erat nunc"}),Object(b.jsx)("li",{children:"Eget porttitor lorem"})]})]})]})},q=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Lists Unordered "})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["List of items in which the order does not explicitly matter. Use ",Object(b.jsx)("code",{children:".list-style-circle"})," or"," ",Object(b.jsx)("code",{children:".list-style-square"})," class in unordered list to add circle or square bullet points."]}),Object(b.jsxs)("ul",{children:[Object(b.jsx)("li",{children:"Lorem ipsum dolor sit amet"}),Object(b.jsx)("li",{children:"Consectetur adipiscing elit"}),Object(b.jsx)("li",{children:"Integer molestie lorem at massa"}),Object(b.jsx)("li",{children:"Facilisis in pretium nisl aliquet"}),Object(b.jsxs)("li",{children:["Nulla volutpat aliquam velit",Object(b.jsxs)("ul",{className:"list-style-square",children:[Object(b.jsx)("li",{children:"Phasellus iaculis neque"}),Object(b.jsx)("li",{children:"Purus sodales ultricies"}),Object(b.jsx)("li",{children:"Vestibulum laoreet porttitor sem"}),Object(b.jsx)("li",{children:"Ac tristique libero volutpat at"}),Object(b.jsx)("li",{children:"Lorem ipsum dolor sit amet."}),Object(b.jsx)("li",{children:"consectetur adipisicing elit. At, quae?"})]})]}),Object(b.jsx)("li",{children:"Faucibus porta lacus fringilla vel"}),Object(b.jsx)("li",{children:"Aenean sit amet erat nunc"}),Object(b.jsx)("li",{children:"Eget porttitor lorem"})]})]})]})},M=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Lists Ordered"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["List of items in which the order does explicitly matter. Use ",Object(b.jsx)("code",{children:'&ltol type="1|a|A|i|I"&gt'}),", The type attribute specifies the kind of marker to use in the list."]}),Object(b.jsxs)("ol",{children:[Object(b.jsx)("li",{children:"Lorem ipsum dolor sit amet"}),Object(b.jsx)("li",{children:"Consectetur adipiscing elit"}),Object(b.jsx)("li",{children:"Integer molestie lorem at massa"}),Object(b.jsx)("li",{children:"Facilisis in pretium nisl aliquet"}),Object(b.jsxs)("li",{children:["Nulla volutpat aliquam velit",Object(b.jsxs)("ol",{type:"A",children:[Object(b.jsx)("li",{children:"Phasellus iaculis neque"}),Object(b.jsx)("li",{children:"Purus sodales ultricies"}),Object(b.jsx)("li",{children:"Vestibulum laoreet porttitor sem"}),Object(b.jsx)("li",{children:"Ac tristique libero volutpat at"}),Object(b.jsx)("li",{children:"Lorem ipsum dolor sit amet."}),Object(b.jsx)("li",{children:"consectetur adipisicing elit. At, quae?"})]})]}),Object(b.jsx)("li",{children:"Faucibus porta lacus fringilla vel"}),Object(b.jsx)("li",{children:"Aenean sit amet erat nunc"}),Object(b.jsx)("li",{children:"Eget porttitor lorem"})]})]})]})},C=t(980),H=t(994),P=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Lists icons"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Use ",Object(b.jsx)("code",{children:".list-style-icons"})," class with ",Object(b.jsx)("code",{children:"&ltul&gt"})," tag to create a list with icons."]}),Object(b.jsxs)("ul",{className:"list-style-icons",children:[Object(b.jsxs)("li",{children:[Object(b.jsx)(C.a,{size:14,className:"mr-50"}),"Facilisis in pretium nisl aliquet"]}),Object(b.jsxs)("li",{children:[Object(b.jsx)(C.a,{size:14,className:"mr-50"}),"Nulla volutpat aliquam velit",Object(b.jsxs)("ul",{className:"list-style-icons",children:[Object(b.jsxs)("li",{className:"ml-1",children:[Object(b.jsx)(H.a,{size:14,className:"mr-50"}),"Phasellus iaculis neque"]}),Object(b.jsxs)("li",{className:"ml-1",children:[Object(b.jsx)(H.a,{size:14,className:"mr-50"}),"Ac tristique libero volutpat at"]})]})]}),Object(b.jsxs)("li",{children:[Object(b.jsx)(C.a,{size:14,className:"mr-50"}),"Faucibus porta lacus fringilla vel"]}),Object(b.jsxs)("li",{children:[Object(b.jsx)(C.a,{size:14,className:"mr-50"}),"Aenean sit amet erat nunc"]})]})]})]})},D=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsx)(j.a,{tag:"h4",children:"Inline Lists"})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["To create a inline list use ",Object(b.jsx)("code",{children:".list-inline"})," class with ",Object(b.jsx)("code",{children:"&ltul&gt"})," tag and, class"," ",Object(b.jsx)("code",{children:".list-inline-item"})," with ",Object(b.jsx)("code",{children:"&ltli&gt"})," tag."]}),Object(b.jsx)("p",{children:"Use inline numbers, alphabet, icons etc... for ordered Inline List."}),Object(b.jsxs)("ul",{className:"list-inline",children:[Object(b.jsx)("li",{className:"list-inline-item",children:"Chocolate"}),Object(b.jsx)("li",{className:"list-inline-item",children:"Cake"}),Object(b.jsx)("li",{className:"list-inline-item",children:"Ice-Cream"})]}),Object(b.jsxs)("ul",{className:"list-inline",children:[Object(b.jsx)("li",{className:"list-inline-item",children:"1. Chocolate"}),Object(b.jsx)("li",{className:"list-inline-item",children:"2. Cake"}),Object(b.jsx)("li",{className:"list-inline-item",children:"3. Ice-Cream"})]}),Object(b.jsxs)("ul",{className:"list-inline",children:[Object(b.jsx)("li",{className:"list-inline-item",children:"$ 250"}),Object(b.jsx)("li",{className:"list-inline-item",children:"$ 110"}),Object(b.jsx)("li",{className:"list-inline-item",children:"$ 890"})]})]})]})},A=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["Description lists ",Object(b.jsx)("small",{className:"text-muted",children:"Horizontal"})]})}),Object(b.jsxs)(d.a,{children:[Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",children:Object(b.jsx)("dt",{children:"Description lists"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"A description list is perfect for defining terms."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",children:Object(b.jsx)("dt",{children:"Euismod"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",children:Object(b.jsx)("dt",{children:"Malesuada porta"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Etiam porta sem malesuada magna mollis euismod."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",children:Object(b.jsx)("dt",{children:"Truncated term is truncated"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc"})})]})})]})]})},E=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["Description lists ",Object(b.jsx)("small",{className:"text-muted",children:"Vertical"})]})}),Object(b.jsx)(d.a,{children:Object(b.jsxs)("dl",{children:[Object(b.jsx)("dt",{children:"Description lists"}),Object(b.jsx)("dd",{children:"A description list is perfect for defining terms."}),Object(b.jsx)("dt",{children:"Euismod"}),Object(b.jsx)("dd",{children:"Vestibulum id ligula porta felis euismod semper eget lacinia odio."}),Object(b.jsx)("dt",{children:"Malesuada porta"}),Object(b.jsx)("dd",{children:"Etiam porta sem malesuada magna mollis euismod."})]})})]})},S=function(){return Object(b.jsxs)(r.a,{children:[Object(b.jsx)(n.a,{children:Object(b.jsxs)(j.a,{tag:"h4",children:["Description lists ",Object(b.jsx)("small",{className:"text-muted",children:"Text Alignment"})]})}),Object(b.jsxs)(d.a,{children:[Object(b.jsxs)(o.a,{children:["Description lists with right aligned text in ",Object(b.jsx)("code",{children:"<dt>"})," tag using ",Object(b.jsx)("code",{children:".text-right"})," class."]}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",className:"text-right",children:Object(b.jsx)("dt",{children:"Description lists"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"A description list is perfect for defining terms."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",className:"text-right",children:Object(b.jsx)("dt",{children:"Euismod"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",className:"text-right",children:Object(b.jsx)("dt",{children:"Malesuada porta"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Etiam porta sem malesuada magna mollis euismod."})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",className:"text-right",children:Object(b.jsx)("dt",{children:"Truncated term is truncated"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsx)("dd",{children:"Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc"})})]})}),Object(b.jsx)("dl",{children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"3",className:"text-right",children:Object(b.jsx)("dt",{children:"Nesting"})}),Object(b.jsx)(l.a,{sm:"9",children:Object(b.jsxs)(i.a,{children:[Object(b.jsx)(l.a,{sm:"4",children:Object(b.jsx)("dt",{children:"Nested definition list"})}),Object(b.jsx)(l.a,{sm:"8",children:Object(b.jsx)("dd",{children:"Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc."})})]})})]})})]})]})};s.default=function(){return Object(b.jsxs)(c.Fragment,{children:[Object(b.jsx)(a.a,{breadCrumbTitle:"Typography",breadCrumbParent:"UI",breadCrumbActive:"Typography"}),Object(b.jsxs)(i.a,{className:"match-height",children:[Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(x,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(O,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(m,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(u,{})}),Object(b.jsx)(l.a,{sm:"12",children:Object(b.jsx)(g,{})}),Object(b.jsx)(l.a,{sm:"12",className:"mt-1",children:Object(b.jsxs)("div",{className:"group-area",children:[Object(b.jsx)("h4",{children:"BlockQuotes"}),Object(b.jsxs)("p",{children:["For quoting blocks of content from another source within your document. Wrap"," ",Object(b.jsx)("code",{children:'<blockquote className="blockquote">'})," around any HTML as the quote."]}),Object(b.jsx)("hr",{})]})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(p,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(f,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(N,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(T,{})}),Object(b.jsx)(l.a,{sm:"12",className:"mt-1",children:Object(b.jsxs)("div",{className:"group-area",children:[Object(b.jsx)("h4",{children:"Lists"}),Object(b.jsxs)("p",{children:["All lists - ",Object(b.jsx)("code",{children:"<ul>"}),", ",Object(b.jsx)("code",{children:"<ol>"}),", and ",Object(b.jsx)("code",{children:"<dl>"})," - have their margin-top removed and a ",Object(b.jsx)("code",{children:"margin-bottom: 1rem"}),". Nested lists have no ",Object(b.jsx)("code",{children:"margin-bottom"}),"."]}),Object(b.jsx)("hr",{})]})}),Object(b.jsx)(l.a,{md:"4",sm:"12",children:Object(b.jsx)(k,{})}),Object(b.jsx)(l.a,{md:"4",sm:"12",children:Object(b.jsx)(q,{})}),Object(b.jsx)(l.a,{md:"4",sm:"12",children:Object(b.jsx)(M,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(P,{})}),Object(b.jsx)(l.a,{md:"6",sm:"12",children:Object(b.jsx)(D,{})}),Object(b.jsx)(l.a,{sm:"12",className:"mt-1",children:Object(b.jsxs)("div",{className:"group-area",children:[Object(b.jsx)("h4",{children:"Description list alignment"}),Object(b.jsxs)("p",{children:["Align terms and descriptions horizontally by using our grid system\u2019s predefined classes (or semantic mixins). For longer terms, you can optionally add a ",Object(b.jsx)("code",{children:".text-truncate"})," class to truncate the text with an ellipsis."]}),Object(b.jsx)("hr",{})]})}),Object(b.jsx)(l.a,{md:"8",sm:"12",children:Object(b.jsx)(A,{})}),Object(b.jsx)(l.a,{md:"4",sm:"12",children:Object(b.jsx)(E,{})}),Object(b.jsx)(l.a,{sm:"12",children:Object(b.jsx)(S,{})})]})]})}},441:function(e,s,t){"use strict";var c=t(442),i=t(450),l=t(451),a=t(6);s.a=function(e){var s=e.breadCrumbTitle,t=e.breadCrumbParent,r=e.breadCrumbParent2,n=e.breadCrumbParent3,j=e.breadCrumbActive;return Object(a.jsxs)("div",{className:"content-header row",children:[Object(a.jsx)("div",{className:"content-header-left col-md-9 col-12 mb-2",children:Object(a.jsx)("div",{className:"row breadcrumbs-top",children:Object(a.jsxs)("div",{className:"col-12",children:[s?Object(a.jsx)("h2",{className:"content-header-title float-left mb-0",children:s}):"",Object(a.jsx)("div",{className:"breadcrumb-wrapper vs-breadcrumbs d-sm-block d-none col-12",children:Object(a.jsxs)(i.a,{children:[Object(a.jsx)(l.a,{tag:"li",children:Object(a.jsx)(c.b,{to:"/",children:"Home"})}),Object(a.jsx)(l.a,{tag:"li",className:"text-primary",children:t}),r?Object(a.jsx)(l.a,{tag:"li",className:"text-primary",children:r}):"",n?Object(a.jsx)(l.a,{tag:"li",className:"text-primary",children:n}):"",Object(a.jsx)(l.a,{tag:"li",active:!0,children:j})]})})]})})}),Object(a.jsx)("div",{className:"content-header-right text-md-right col-md-3 col-12 d-md-block d-none",children:Object(a.jsx)("div",{className:"form-group breadcrum-right dropdown"})})]})}},443:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,inverse:n.a.bool,color:n.a.string,body:n.a.bool,outline:n.a.bool,className:n.a.string,cssModule:n.a.object,innerRef:n.a.oneOfType([n.a.object,n.a.string,n.a.func])},b=function(e){var s=e.className,t=e.cssModule,l=e.color,r=e.body,n=e.inverse,j=e.outline,h=e.tag,b=e.innerRef,x=Object(i.a)(e,["className","cssModule","color","body","inverse","outline","tag","innerRef"]),O=Object(o.mapToCssModules)(d()(s,"card",!!n&&"text-white",!!r&&"card-body",!!l&&(j?"border":"bg")+"-"+l),t);return a.a.createElement(h,Object(c.a)({},x,{className:O,ref:b}))};b.propTypes=h,b.defaultProps={tag:"div"},s.a=b},444:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,className:n.a.string,cssModule:n.a.object,innerRef:n.a.oneOfType([n.a.object,n.a.string,n.a.func])},b=function(e){var s=e.className,t=e.cssModule,l=e.innerRef,r=e.tag,n=Object(i.a)(e,["className","cssModule","innerRef","tag"]),j=Object(o.mapToCssModules)(d()(s,"card-body"),t);return a.a.createElement(r,Object(c.a)({},n,{className:j,ref:l}))};b.propTypes=h,b.defaultProps={tag:"div"},s.a=b},445:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h=n.a.oneOfType([n.a.number,n.a.string]),b={tag:o.tagPropType,noGutters:n.a.bool,className:n.a.string,cssModule:n.a.object,form:n.a.bool,xs:h,sm:h,md:h,lg:h,xl:h},x={tag:"div",widths:["xs","sm","md","lg","xl"]},O=function(e){var s=e.className,t=e.cssModule,l=e.noGutters,r=e.tag,n=e.form,j=e.widths,h=Object(i.a)(e,["className","cssModule","noGutters","tag","form","widths"]),b=[];j.forEach((function(s,t){var c=e[s];if(delete h[s],c){var i=!t;b.push(i?"row-cols-"+c:"row-cols-"+s+"-"+c)}}));var x=Object(o.mapToCssModules)(d()(s,l?"no-gutters":null,n?"form-row":"row",b),t);return a.a.createElement(r,Object(c.a)({},h,{className:x}))};O.propTypes=b,O.defaultProps=x,s.a=O},446:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h=n.a.oneOfType([n.a.number,n.a.string]),b=n.a.oneOfType([n.a.bool,n.a.number,n.a.string,n.a.shape({size:n.a.oneOfType([n.a.bool,n.a.number,n.a.string]),order:h,offset:h})]),x={tag:o.tagPropType,xs:b,sm:b,md:b,lg:b,xl:b,className:n.a.string,cssModule:n.a.object,widths:n.a.array},O={tag:"div",widths:["xs","sm","md","lg","xl"]},m=function(e,s,t){return!0===t||""===t?e?"col":"col-"+s:"auto"===t?e?"col-auto":"col-"+s+"-auto":e?"col-"+t:"col-"+s+"-"+t},u=function(e){var s=e.className,t=e.cssModule,l=e.widths,r=e.tag,n=Object(i.a)(e,["className","cssModule","widths","tag"]),j=[];l.forEach((function(s,c){var i=e[s];if(delete n[s],i||""===i){var l=!c;if(Object(o.isObject)(i)){var a,r=l?"-":"-"+s+"-",h=m(l,s,i.size);j.push(Object(o.mapToCssModules)(d()(((a={})[h]=i.size||""===i.size,a["order"+r+i.order]=i.order||0===i.order,a["offset"+r+i.offset]=i.offset||0===i.offset,a)),t))}else{var b=m(l,s,i);j.push(b)}}})),j.length||j.push("col");var h=Object(o.mapToCssModules)(d()(s,j),t);return a.a.createElement(r,Object(c.a)({},n,{className:h}))};u.propTypes=x,u.defaultProps=O,s.a=u},448:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,className:n.a.string,cssModule:n.a.object},b=function(e){var s=e.className,t=e.cssModule,l=e.tag,r=Object(i.a)(e,["className","cssModule","tag"]),n=Object(o.mapToCssModules)(d()(s,"card-title"),t);return a.a.createElement(l,Object(c.a)({},r,{className:n}))};b.propTypes=h,b.defaultProps={tag:"div"},s.a=b},449:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,className:n.a.string,cssModule:n.a.object},b=function(e){var s=e.className,t=e.cssModule,l=e.tag,r=Object(i.a)(e,["className","cssModule","tag"]),n=Object(o.mapToCssModules)(d()(s,"card-header"),t);return a.a.createElement(l,Object(c.a)({},r,{className:n}))};b.propTypes=h,b.defaultProps={tag:"div"},s.a=b},450:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,listTag:o.tagPropType,className:n.a.string,listClassName:n.a.string,cssModule:n.a.object,children:n.a.node,"aria-label":n.a.string},b=function(e){var s=e.className,t=e.listClassName,l=e.cssModule,r=e.children,n=e.tag,j=e.listTag,h=e["aria-label"],b=Object(i.a)(e,["className","listClassName","cssModule","children","tag","listTag","aria-label"]),x=Object(o.mapToCssModules)(d()(s),l),O=Object(o.mapToCssModules)(d()("breadcrumb",t),l);return a.a.createElement(n,Object(c.a)({},b,{className:x,"aria-label":h}),a.a.createElement(j,{className:O},r))};b.propTypes=h,b.defaultProps={tag:"nav",listTag:"ol","aria-label":"breadcrumb"},s.a=b},451:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,active:n.a.bool,className:n.a.string,cssModule:n.a.object},b=function(e){var s=e.className,t=e.cssModule,l=e.active,r=e.tag,n=Object(i.a)(e,["className","cssModule","active","tag"]),j=Object(o.mapToCssModules)(d()(s,!!l&&"active","breadcrumb-item"),t);return a.a.createElement(r,Object(c.a)({},n,{className:j,"aria-current":l?"page":void 0}))};b.propTypes=h,b.defaultProps={tag:"li"},s.a=b},452:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={tag:o.tagPropType,className:n.a.string,cssModule:n.a.object},b=function(e){var s=e.className,t=e.cssModule,l=e.tag,r=Object(i.a)(e,["className","cssModule","tag"]),n=Object(o.mapToCssModules)(d()(s,"card-text"),t);return a.a.createElement(l,Object(c.a)({},r,{className:n}))};b.propTypes=h,b.defaultProps={tag:"p"},s.a=b},499:function(e,s,t){"use strict";var c=t(14),i=t(18),l=t(0),a=t.n(l),r=t(5),n=t.n(r),j=t(102),d=t.n(j),o=t(60),h={className:n.a.string,cssModule:n.a.object,size:n.a.string,bordered:n.a.bool,borderless:n.a.bool,striped:n.a.bool,dark:n.a.bool,hover:n.a.bool,responsive:n.a.oneOfType([n.a.bool,n.a.string]),tag:o.tagPropType,responsiveTag:o.tagPropType,innerRef:n.a.oneOfType([n.a.func,n.a.string,n.a.object])},b=function(e){var s=e.className,t=e.cssModule,l=e.size,r=e.bordered,n=e.borderless,j=e.striped,h=e.dark,b=e.hover,x=e.responsive,O=e.tag,m=e.responsiveTag,u=e.innerRef,g=Object(i.a)(e,["className","cssModule","size","bordered","borderless","striped","dark","hover","responsive","tag","responsiveTag","innerRef"]),p=Object(o.mapToCssModules)(d()(s,"table",!!l&&"table-"+l,!!r&&"table-bordered",!!n&&"table-borderless",!!j&&"table-striped",!!h&&"table-dark",!!b&&"table-hover"),t),f=a.a.createElement(O,Object(c.a)({},g,{ref:u,className:p}));if(x){var N=Object(o.mapToCssModules)(!0===x?"table-responsive":"table-responsive-"+x,t);return a.a.createElement(m,{className:N},f)}return f};b.propTypes=h,b.defaultProps={tag:"table",responsiveTag:"div"},s.a=b}}]);
  //# sourceMappingURL=95.e0461165.chunk.js.map