Skip to main content
Designkufu

smarthr-ui-language-switcher

LanguageSwitcherは、表示言語を切り替えるためのコンポーネントです。多言語対応したアプリケーションで利用者に言語選択UIを提供するときに使います。

Stars
30
Source
kufu/smarthr-design-system
Updated
2026-05-29
Slug
kufu--smarthr-design-system--smarthr-ui-language-switcher
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/kufu/smarthr-design-system/HEAD/plugins/smarthr-design-system/skills/smarthr-ui-language-switcher/SKILL.md -o .claude/skills/smarthr-ui-language-switcher.md

Drops the SKILL.md into .claude/skills/smarthr-ui-language-switcher.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

表示言語を切り替えるためのコンポーネントです。多言語対応したアプリケーションで利用者に言語選択UIを提供するときに使います。

通常はAppHeaderの中に組み込んで使用します。詳細はAppHeaderを参照してください。

import

import { LanguageSwitcher } from 'smarthr-ui'

Props

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)は設定されていません。