manja_ui_dev/dist/assets/Badges-C62G8jC0.js

import{Bt as e,It as t,Lt as n,Mt as r,Qt as i,Vt as a,Xt as o,qt as s}from"./index-qNrWYJXL.js";var c={};function l(r,c){let l=o(`DocsComponents`),u=o(`CCol`),d=o(`CCardHeader`),f=o(`CBadge`),p=o(`DocsExample`),m=o(`CButton`),h=o(`CCardBody`),g=o(`CCard`),_=o(`CRow`);return s(),n(_,null,{default:i(()=>[a(u,{xs:12},{default:i(()=>[a(l,{href:`components/badge.html`})]),_:1}),a(u,{lg:6},{default:i(()=>[a(g,{class:`mb-4`},{default:i(()=>[a(d,null,{default:i(()=>[...c[0]||=[t(`strong`,null,`Vue Badges`,-1),e(),t(`small`,null,`Dismissing`,-1)]]),_:1}),a(h,null,{default:i(()=>[c[18]||=t(`p`,{class:`text-body-secondary small`},[e(` Bootstrap badge scale to suit the size of the parent element by using relative font sizing and `),t(`code`,null,`em`),e(` units. `)],-1),a(p,{href:`components/badge.html`},{default:i(()=>[t(`h1`,null,[c[2]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[1]||=[e(`New`,-1)]]),_:1})]),t(`h2`,null,[c[4]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[3]||=[e(`New`,-1)]]),_:1})]),t(`h3`,null,[c[6]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[5]||=[e(`New`,-1)]]),_:1})]),t(`h4`,null,[c[8]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[7]||=[e(`New`,-1)]]),_:1})]),t(`h5`,null,[c[10]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[9]||=[e(`New`,-1)]]),_:1})]),t(`h6`,null,[c[12]||=e(`Example heading `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[11]||=[e(`New`,-1)]]),_:1})])]),_:1}),c[19]||=t(`p`,{class:`text-body-secondary small`},` Badges can be used as part of links or buttons to provide a counter. `,-1),a(p,{href:`components/badge.html`},{default:i(()=>[a(m,{color:`primary`},{default:i(()=>[c[14]||=e(` Notifications `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[13]||=[e(`4`,-1)]]),_:1})]),_:1})]),_:1}),c[20]||=t(`p`,{class:`text-body-secondary small`},` Remark that depending on how you use them, badges may be complicated for users of screen readers and related assistive technologies. `,-1),c[21]||=t(`p`,{class:`text-body-secondary small`},` Unless the context is clear, consider including additional context with a visually hidden piece of additional text. `,-1),a(p,{href:`components/badge.html`},{default:i(()=>[a(m,{color:`primary`},{default:i(()=>[c[16]||=e(` Profile `,-1),a(f,{color:`secondary`},{default:i(()=>[...c[15]||=[e(`9`,-1)]]),_:1}),c[17]||=t(`span`,{class:`visually-hidden`},`unread messages`,-1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(u,{lg:6},{default:i(()=>[a(g,{class:`mb-4`},{default:i(()=>[a(d,null,{default:i(()=>[...c[22]||=[t(`strong`,null,`Vue Badges`,-1),e(),t(`small`,null,`Contextual variations`,-1)]]),_:1}),a(h,null,{default:i(()=>[c[30]||=t(`p`,{class:`text-body-secondary small`},[e(` Add any of the below-mentioned `),t(`code`,null,`color`),e(` props to modify the presentation of a badge. `)],-1),a(p,{href:`components/badge.html#contextual-variations`},{default:i(()=>[a(f,{color:`primary-gradient`},{default:i(()=>[...c[23]||=[e(`primary`,-1)]]),_:1}),a(f,{color:`success-gradient`},{default:i(()=>[...c[24]||=[e(`success`,-1)]]),_:1}),a(f,{color:`danger-gradient`},{default:i(()=>[...c[25]||=[e(`danger`,-1)]]),_:1}),a(f,{color:`warning-gradient`},{default:i(()=>[...c[26]||=[e(`warning`,-1)]]),_:1}),a(f,{color:`info-gradient`},{default:i(()=>[...c[27]||=[e(`info`,-1)]]),_:1}),a(f,{color:`light`},{default:i(()=>[...c[28]||=[e(`light`,-1)]]),_:1}),a(f,{color:`dark`},{default:i(()=>[...c[29]||=[e(`dark`,-1)]]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{class:`mb-4`},{default:i(()=>[a(d,null,{default:i(()=>[...c[31]||=[t(`strong`,null,`Vue Badges`,-1),e(),t(`small`,null,`Pill badges`,-1)]]),_:1}),a(h,null,{default:i(()=>[c[39]||=t(`p`,{class:`text-body-secondary small`},[e(` Apply the `),t(`code`,null,`shape="rounded-pill"`),e(` prop to make badges rounded. `)],-1),a(p,{href:`components/badge.html#pill-badges`},{default:i(()=>[a(f,{color:`primary-gradient`,shape:`rounded-pill`},{default:i(()=>[...c[32]||=[e(` primary `,-1)]]),_:1}),a(f,{color:`success-gradient`,shape:`rounded-pill`},{default:i(()=>[...c[33]||=[e(` success `,-1)]]),_:1}),a(f,{color:`danger-gradient`,shape:`rounded-pill`},{default:i(()=>[...c[34]||=[e(` danger `,-1)]]),_:1}),a(f,{color:`warning-gradient`,shape:`rounded-pill`},{default:i(()=>[...c[35]||=[e(` warning `,-1)]]),_:1}),a(f,{color:`info-gradient`,shape:`rounded-pill`},{default:i(()=>[...c[36]||=[e(` info `,-1)]]),_:1}),a(f,{color:`light`,shape:`rounded-pill`},{default:i(()=>[...c[37]||=[e(` light `,-1)]]),_:1}),a(f,{color:`dark`,shape:`rounded-pill`},{default:i(()=>[...c[38]||=[e(` dark `,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var u=r(c,[[`render`,l]]);export{u as default};