import{_ as h,c as e,ag as l,j as a,a as i,G as n,w as k,B as p,o as d}from"./chunks/framework.C1C4sYC0.js";const A=JSON.parse('{"title":"نشان","description":"","frontmatter":{},"headers":[],"relativePath":"fa/reference/default-theme-badge.md","filePath":"fa/reference/default-theme-badge.md","lastUpdated":1734087948000}'),r={name:"fa/reference/default-theme-badge.md"},E={id:"title",tabindex:"-1"},g={id:"title-1",tabindex:"-1"},o={id:"title-2",tabindex:"-1"},y={id:"title-3",tabindex:"-1"},F={id:"عنوان-عنصر-سفارشی",tabindex:"-1"};function B(c,s,b,u,C,f){const t=p("Badge");return d(),e("div",null,[s[16]||(s[16]=l(`

نشان ​

برچسب به شما امکان می‌دهد وضعیت‌های مختلفی را به سربرگ‌های خود اضافه کنید. به عنوان مثال، می‌تواند مفید باشد تا نوع بخش را مشخص کنید یا نسخه‌های پشتیبانی شده را نشان دهید.

استفاده ​

شما می‌توانید از کامپوننت Badge که به صورت جهانی در دسترس است، استفاده کنید.

html
### عنوان <Badge type="info" text="پیش‌فرض" />
### عنوان <Badge type="tip" text="^1.9.0" />
### عنوان <Badge type="warning" text="بتا" />
### عنوان <Badge type="danger" text="هشدار" />

کد بالا به صورت زیر نمایش داده می‌شود:

`,6)),a("h3",E,[s[0]||(s[0]=i("عنوان ")),n(t,{type:"info",text:"پیش‌فرض"}),s[1]||(s[1]=i()),s[2]||(s[2]=a("a",{class:"header-anchor",href:"#title","aria-label":'Permalink to "عنوان {#title}"'},"​",-1))]),a("h3",g,[s[3]||(s[3]=i("عنوان ")),n(t,{type:"tip",text:"^1.9.0"}),s[4]||(s[4]=i()),s[5]||(s[5]=a("a",{class:"header-anchor",href:"#title-1","aria-label":'Permalink to "عنوان {#title-1}"'},"​",-1))]),a("h3",o,[s[6]||(s[6]=i("عنوان ")),n(t,{type:"warning",text:"بتا"}),s[7]||(s[7]=i()),s[8]||(s[8]=a("a",{class:"header-anchor",href:"#title-2","aria-label":'Permalink to "عنوان {#title-2}"'},"​",-1))]),a("h3",y,[s[9]||(s[9]=i("عنوان ")),n(t,{type:"danger",text:"هشدار"}),s[10]||(s[10]=i()),s[11]||(s[11]=a("a",{class:"header-anchor",href:"#title-3","aria-label":'Permalink to "عنوان {#title-3}"'},"​",-1))]),s[17]||(s[17]=l('

ارائه دادن محتوای دلخواه ​

<Badge> می‌پذیرد children که در برچسب نمایش داده خواهد شد.

html
### عنوان <Badge type="info">عنصر سفارشی</Badge>
',3)),a("h3",F,[s[13]||(s[13]=i("عنوان ")),n(t,{type:"info"},{default:k(()=>s[12]||(s[12]=[i("عنصر سفارشی")])),_:1}),s[14]||(s[14]=i()),s[15]||(s[15]=a("a",{class:"header-anchor",href:"#عنوان-عنصر-سفارشی","aria-label":'Permalink to "عنوان عنصر سفارشی"'},"​",-1))]),s[18]||(s[18]=l(`

سفارشی‌سازی رنگ نوع ​

شما می‌توانید استایل برچسب‌ها را با دوباره‌نویسی متغیرهای css سفارشی کنید. مقادیر پیش‌فرض به شرح زیر هستند:

css
:root {
  --vp-badge-info-border: transparent;
  --vp-badge-info-text: var(--vp-c-text-2);
  --vp-badge-info-bg: var(--vp-c-default-soft);

  --vp-badge-tip-border: transparent;
  --vp-badge-tip-text: var(--vp-c-brand-1);
  --vp-badge-tip-bg: var(--vp-c-brand-soft);

  --vp-badge-warning-border: transparent;
  --vp-badge-warning-text: var(--vp-c-warning-1);
  --vp-badge-warning-bg: var(--vp-c-warning-soft);

  --vp-badge-danger-border: transparent;
  --vp-badge-danger-text: var(--vp-c-danger-1);
  --vp-badge-danger-bg: var(--vp-c-danger-soft);
}

<Badge> ​

کامپوننت <Badge> پراپ‌های زیر را می‌پذیرد:

ts
interface Props {
  // وقتی \`<slot>\` ارسال می‌شود، این مقدار نادیده گرفته می‌شود.
  text?: string

  // پیش‌فرض به \`tip\`.
  type?: 'info' | 'tip' | 'warning' | 'danger'
}
`,6))])}const m=h(r,[["render",B]]);export{A as __pageData,m as default};