Language Switcher

현재 언어와 대체 언어 링크를 드롭다운 또는 링크로 제공하는 언어 전환 컴포넌트입니다.

examples/krds/language-switcher-demo.tsx

import { LanguageSwitcher } from "@/components/ui/language-switcher"

const options = [

설치

pnpm dlx shadcn@latest add https://krdscn.gwlee.kr/r/language-switcher.json

import { LanguageSwitcher, LanguageSwitcherLink } from "@/components/ui/language-switcher"

<LanguageSwitcher options={[{ label: "한국어", href: "#ko", lang: "ko", current: true }, { label: "English", href: "#en", lang: "en" }]} />

LanguageSwitcher는 링크 기반 언어 전환을 button/dropdown-menu 조합으로 제공합니다. i18n runtime을 강제하지 않고 서비스가 제공하는 언어 URL 목록을 렌더링합니다.

다음 조합으로 LanguageSwitcher를 사용할 수 있습니다.

LanguageSwitcher
├── LanguageSwitcherLink

현재 언어와 대체 언어 링크를 드롭다운 또는 링크로 제공하는 언어 전환 컴포넌트입니다.

examples/krds/language-switcher-demo.tsx

import { LanguageSwitcher } from "@/components/ui/language-switcher"

const options = [