https://fandoro.com/_next/static/chunks/pages/components/bootstrap/tags-e2caa18ea482d08e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5012],{27266:function(a,s,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/bootstrap/tags",function(){return e(91507)}])},91507:function(a,s,e){"use strict";e.r(s);var l=e(85893);e(67294);var t=e(34051),n=e(31555),r=e(52686),i=e(41664),c=e.n(i),d=e(72867),g=e(33272);let x=()=>(0,l.jsxs)("div",{children:[(0,l.jsx)(g.Z,{title:"Tags"}),(0,l.jsx)(d.Z,{titles:"Tags",active:"Tags",items:["Componets"]}),(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(n.Z,{xl:6,md:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Default tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag",children:"First tag"}),(0,l.jsx)("span",{className:"tag",children:"Second tag"}),(0,l.jsx)("span",{className:"tag",children:"Third tag"})]})})})})]})}),(0,l.jsx)(n.Z,{xl:6,md:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Link tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)(c(),{href:"#!",className:"tag",children:"First tag"}),(0,l.jsx)(c(),{href:"#!",className:"tag",children:"Second tag"}),(0,l.jsx)(c(),{href:"#!",className:"tag",children:"Third tag"})]})})})})]})})]}),(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(n.Z,{xl:6,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Rounded tag Style"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-primary",children:"First tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-orange",children:"Second tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-teal",children:"Third tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-pink",children:"Third tag"})]})})})})]})}),(0,l.jsx)(n.Z,{xl:6,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Rounded tag Style"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-primary",children:"First tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-secondary",children:"Second tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-danger",children:"Third tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-warning",children:"Third tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-success",children:"Third tag"}),(0,l.jsx)("span",{className:"tag tag-radius tag-round tag-outline-info",children:"Third tag"})]})})})})]})}),(0,l.jsx)(n.Z,{xl:6,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Rounded tag with icon"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsxs)("span",{className:"tag tag-rounded tag-icon tag-red",children:[(0,l.jsx)("i",{className:"fe fe-map-pin"}),"First tag ",(0,l.jsx)(c(),{href:"#!",className:"tag-addon tag-addon-cross tag-red",children:(0,l.jsx)("i",{className:"fe fe-x text-white m-1"})})]}),(0,l.jsxs)("span",{className:"tag tag-rounded tag-icon tag-green",children:[(0,l.jsx)("i",{className:"fe fe-calendar"}),"Second tag ",(0,l.jsx)(c(),{href:"#!",className:"tag-addon tag-addon-cross tag-green",children:(0,l.jsx)("i",{className:"fe fe-x text-white m-1"})})]}),(0,l.jsxs)("span",{className:"tag tag-rounded tag-icon tag-orange",children:[(0,l.jsx)("i",{className:"fe fe-bell"}),"Third tag ",(0,l.jsx)(c(),{href:"#!",className:"tag-addon tag-addon-cross tag-orange",children:(0,l.jsx)("i",{className:"fe fe-x text-white m-1"})})]}),(0,l.jsxs)("span",{className:"tag tag-rounded tag-icon tag-pink",children:[(0,l.jsx)("i",{className:"fe fe-filter"}),"Third tag ",(0,l.jsx)(c(),{href:"#!",className:"tag-addon tag-addon-cross tag-pink",children:(0,l.jsx)("i",{className:"fe fe-x text-white m-1"})})]})]})})})})]})}),(0,l.jsx)(n.Z,{xl:6,md:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Default tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag tag-border",children:"First tag"}),(0,l.jsx)("span",{className:"tag tag-border",children:"Second tag"}),(0,l.jsx)("span",{className:"tag tag-border",children:"Third tag"})]})})})})]})})]}),(0,l.jsxs)(t.Z,{children:[(0,l.jsx)(n.Z,{xl:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Rounded tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag tag-rounded",children:"First tag"}),(0,l.jsx)("span",{className:"tag tag-rounded",children:"Second tag"}),(0,l.jsx)("span",{className:"tag tag-rounded",children:"Third tag"})]})})})})]})}),(0,l.jsx)(n.Z,{xl:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Color tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag tag-blue",children:"Blue tag"}),(0,l.jsx)("span",{className:"tag tag-azure",children:"Azure tag"}),(0,l.jsx)("span",{className:"tag tag-indigo",children:"Indigo tag"}),(0,l.jsx)("span",{className:"tag tag-purple",children:"Purple tag"}),(0,l.jsx)("span",{className:"tag tag-pink",children:"Pink tag"}),(0,l.jsx)("span",{className:"tag tag-red",children:"Red tag"}),(0,l.jsx)("span",{className:"tag tag-orange",children:"Orange tag"}),(0,l.jsx)("span",{className:"tag tag-yellow",children:"Yellow tag"}),(0,l.jsx)("span",{className:"tag tag-lime",children:"Lime tag"}),(0,l.jsx)("span",{className:"tag tag-green",children:"Green tag"}),(0,l.jsx)("span",{className:"tag tag-teal",children:"Teal tag"}),(0,l.jsx)("span",{className:"tag tag-cyan",children:"Cyan tag"}),(0,l.jsx)("span",{className:"tag tag-gray",children:"Gray tag"}),(0,l.jsx)("span",{className:"tag tag-gray-dark",children:"Dark gray tag"})]})})})})]})}),(0,l.jsx)(n.Z,{xl:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Avatar tag"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user11",src:"../../../assets/images/users/11.jpg"}),"Victoria"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user4",src:"../../../assets/images/users/4.jpg"})," Nathan"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user1",src:"../../../assets/images/users/1.jpg"})," Alice"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user18",src:"../../../assets/images/users/18.jpg"})," Rose"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user16",src:"../../../assets/images/users/16.jpg"})," Peter"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user6",src:"../../../assets/images/users/6.jpg"})," Wayne"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user7",src:"../../../assets/images/users/7.jpg"})," Michelle"]}),(0,l.jsxs)("span",{className:"tag",children:[(0,l.jsx)("img",{className:"tag-avatar avatar cover-image",alt:"user17",src:"../../../assets/images/users/17.jpg"})," Debra"]})]})})})})]})}),(0,l.jsx)(n.Z,{xl:12,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"List of tags"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsxs)("div",{className:"text-wrap",children:[(0,l.jsxs)("p",{children:["You can create a list of tags with the ",(0,l.jsx)("code",{className:"highlighter-rouge",children:".tags"})," container."]}

1),(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag",children:"First tag"}),(0,l.jsx)("span",{className:"tag",children:"Second tag"}),(0,l.jsx)("span",{className:"tag",children:"Third tag"})]})}),(0,l.jsx)("p",{className:"mt-4",children:"If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced."}),(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsx)("span",{className:"tag",children:"One"}),(0,l.jsx)("span",{className:"tag",children:"Two"}),(0,l.jsx)("span",{className:"tag",children:"Three"}),(0,l.jsx)("span",{className:"tag",children:"Four"}),(0,l.jsx)("span",{className:"tag",children:"Five"}),(0,l.jsx)("span",{className:"tag",children:"Six"}),(0,l.jsx)("span",{className:"tag",children:"Seven"}),(0,l.jsx)("span",{className:"tag",children:"Eight"}),(0,l.jsx)("span",{className:"tag",children:"Nine"}),(0,l.jsx)("span",{className:"tag",children:"Ten"}),(0,l.jsx)("span",{className:"tag",children:"Eleven"}),(0,l.jsx)("span",{className:"tag",children:"Twelve"}),(0,l.jsx)("span",{className:"tag",children:"Thirteen"}),(0,l.jsx)("span",{className:"tag",children:"Fourteen"}),(0,l.jsx)("span",{className:"tag",children:"Fifteen"}),(0,l.jsx)("span",{className:"tag",children:"Sixteen"}),(0,l.jsx)("span",{className:"tag",children:"Seventeen"}),(0,l.jsx)("span",{className:"tag",children:"Eighteen"}),(0,l.jsx)("span",{className:"tag",children:"Nineteen"}),(0,l.jsx)("span",{className:"tag",children:"Twenty"})]})})]})})]})}),(0,l.jsx)(n.Z,{md:12,xl:6,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Tag remove"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsxs)("span",{className:"tag",children:["One",(0,l.jsx)(c(),{href:"#!",className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-x"})})]}),(0,l.jsxs)("span",{className:"tag",children:["Two",(0,l.jsx)(c(),{href:"#!",className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-x"})})]}),(0,l.jsxs)("span",{className:"tag",children:["Three",(0,l.jsx)(c(),{href:"#!",className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-x"})})]}),(0,l.jsxs)("span",{className:"tag",children:["Four",(0,l.jsx)(c(),{href:"#!",className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-x"})})]})]})})})})]})}),(0,l.jsx)(n.Z,{md:12,xl:6,children:(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(r.Z.Header,{children:(0,l.jsx)(r.Z.Title,{children:"Tag addons"})}),(0,l.jsx)(r.Z.Body,{children:(0,l.jsx)("div",{className:"text-wrap",children:(0,l.jsx)("div",{className:"example",children:(0,l.jsxs)("div",{className:"tags",children:[(0,l.jsxs)("div",{className:"tag",children:["npm",(0,l.jsx)(c(),{href:"#!",className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-x"})})]}),(0,l.jsxs)("div",{className:"tag tag-danger",children:["npm",(0,l.jsx)("span",{className:"tag-addon",children:(0,l.jsx)("i",{className:"fe fe-activity"})})]}),(0,l.jsxs)("div",{className:"tag",children:["bundle",(0,l.jsx)("span",{className:"tag-addon tag-success",children:"passing"})]}),(0,l.jsxs)("span",{className:"tag tag-dark",children:["CSS gzip size",(0,l.jsx)("span",{className:"tag-addon tag-warning",children:"20.9 kB"})]})]})})})})]})})]})]});x.layout="Contentlayout",s.default=x},72867:function(a,s,e){"use strict";var l=e(85893);e(67294);var t=e(26699);let n=a=>(0,l.jsx)("div",{children:(0,l.jsxs)("div",{className:"page-header",children:[(0,l.jsx)("h1",{className:"page-title",children:a.titles}),(0,l.jsx)("div",{children:(0,l.jsxs)(t.Z,{children:[a.items.map((a,s)=>(0,l.jsx)(t.Z.Item,{href:"#!",children:a},s)),(0,l.jsx)(t.Z.Item,{href:"#!",active:!0,children:a.active})]})})]})});s.Z=n},33272:function(a,s,e){"use strict";e.d(s,{Z:function(){return c}});var l=e(85893);e(67294);var t=e(9008),n=e.n(t),r={src:"/_next/static/media/favicon.00e6795d.ico",height:16,width:16,blurWidth:0,blurHeight:0};let i=a=>{let{title:s}=a;return(0,l.jsxs)(n(),{children:[(0,l.jsx)("title",{children:" Fandoro Technologies 

1- Making Businesses Responsible"}),(0,l.jsx)("link",{rel:"icon",href:r.src}),(0,l.jsx)("meta",{name:"description",content:"Fandoro Technologies - making businesses responsible"}),(0,l.jsx)("meta",{name:"author",content:"Fandoro Technologies Private Limited"}),(0,l.jsx)("meta",{name:"keywords",content:"next js dashboard template, admin dashboard nextjs, next js admin template, next js admin panel, admin dashboard, nextjs react bootstrap, react bootstrap with next js, next js admin dashboard, nextjs admin dashboard template, admin panel template, admin template react bootstrap, nextjs dashboard,next js react bootstrap"})]})};var c=i},9008:function(a,s,e){a.exports=e(42636)},26699:function(a,s,e){"use strict";e.d(s,{Z:function(){return x}});var l=e(93967),t=e.n(l),n=e(67294),r=e(76792),i=e(13551),c=e(85893);let d=n.forwardRef(({bsPrefix:a,active:s=!1,children:e,className:l,as:n="li",linkAs:d=i.Z,linkProps:g={},href:x,title:h,target:j,...m},o)=>{let N=(0,r.vE)(a,"breadcrumb-item");return(0,c.jsx)(n,{ref:o,...m,className:t()(N,l,{active:s}),"aria-current":s?"page":void 0,children:s?e:(0,c.jsx)(d,{...g,href:x,title:h,target:j,children:e})})});d.displayName="BreadcrumbItem";let g=n.forwardRef(({bsPrefix:a,className:s,listProps:e={},children:l,label:n="breadcrumb",as:i="nav",...d},g)=>{let x=(0,r.vE)(a,"breadcrumb");return(0,c.jsx)(i,{"aria-label":n,className:s,ref:g,...d,children:(0,c.jsx)("ol",{...e,className:t()(x,null==e?void 0:e.className),children:l})})});g.displayName="Breadcrumb";var x=Object.assign(g,{Item:d})}},function(a){a.O(0,[9774,2888,179],function(){return a(a.s=27266)}),_N_E=a.O()}]);