نشانهٔ زبان (LanguageGlyph)

کاشی کوچکی که زبان را با خط خودش می‌نویسد («فا»، «ع»، «EN»، «עב») و نام کامل زبان را برای صفحه‌خوان می‌خواند — هرگز پرچم.

معرفی

زبان کشور نیست: فارسی در سه کشور نوشته می‌شود و عربی در بیست‌ودو؛ پرچم یک کشور را نام می‌برد و خوانندگان بقیه را کنار می‌گذارد. LanguageGlyph زبان را مثل کلید تغییر زبان صفحه‌کلید نشان می‌دهد: با حروف خود آن زبان. حروف lang و dir خودشان را دارند تا فونت شکل درست را بکشد؛ کل کاشی با نام زبان («فارسی») خوانده می‌شود.

چه زمانی استفاده کنیم:

  • کارت فیلتر زبان، ستون زبان در جدول، نشان زبان یک پست

چه زمانی استفاده نکنیم:

  • برای پلتفرم یا منبع — از آیکون پلتفرم استفاده کنید
  • برای کشور یا مکان — از نام کشور یا CountryPicker استفاده کنید

استفاده

import { LanguageGlyph } from '@partodata/ui'

<LanguageGlyph lang="fa" />
<LanguageGlyph lang="ar" size="md" />

در کارت فیلتر زبان، icon گزینهٔ FilterSectionChoices باشد.

راهنمای استفاده

بکنید

کنار نشانه نام زبان را هم بنویسید، مگر در ستونی که سرستونش «زبان» است.

نکنید

برای زبان پرچم کشور نگذارید.

Props

Prop

Type

دسترسی‌پذیری

  • role="img" با نام کامل زبان؛ حروف داخلی aria-hidden هستند.
  • رنگ معنا حمل نمی‌کند؛ متن روی surface-200 با رنگ foreground-light (AA).

کامپوننت‌های مرتبط

  • انتخاب زبان در ستون فیلتر → FilterSectionChoices با variant="cards"
  • نام پلتفرم یا منبع → آیکون پلتفرم، نه نشانهٔ زبان