Provides a LanguageSwitcher component for changing display language in multi-language apps. Renders locale selection UI and fires callback on language change. Designed for use inside AppHeader.
How this skill is triggered — by the user, by Claude, or both
Slash command
/smarthr-design-system:smarthr-ui-language-switcherThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
表示言語を切り替えるためのコンポーネントです。多言語対応したアプリケーションで利用者に言語選択UIを提供するときに使います。
表示言語を切り替えるためのコンポーネントです。多言語対応したアプリケーションで利用者に言語選択UIを提供するときに使います。
通常はAppHeaderの中に組み込んで使用します。詳細はAppHeaderを参照してください。
import { LanguageSwitcher } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| narrow | boolean | - | - | - |
| localeMap | Partial<Record<"ja" | "en-us" | "id-id" | "pt" | "vi" | "ko" | "zh-cn" | "zh-tw" | "ja-easy", string>> | - | ✓ | - |
| locale | string | - | - | - |
| defaultLocale | string | - | - | - |
| onLanguageSelect | (code: string) => void | - | - | 言語切替UIで言語を選択した時に発火するコールバック関数 |
| enableNew | boolean | - | - | - |
| invert | boolean | - | - | - |
LanguageSwitcher に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
使い方チェックリスト(Layer 3)は設定されていません。
npx claudepluginhub kufu/smarthr-design-system --plugin smarthr-design-systemNavigates between SmartHR applications via a launcher in the header. Deprecated — use AppHeader's app launcher instead.
Provides i18n patterns for React apps using react-i18next and dayjs, covering user strings, date/time formatting, ICU MessageFormat, lists, currency, and RTL support. Use for multilingual UIs.
Adds translatable text, plurals/gender inflection, locale-aware formatting (number, currency, date), and runtime language switching to WINGS apps via the wi18n package and gen_i18n build step.