Language Button

Language selector button with expandable dropdown for multiple language options.

Installation

The LanguageButton component is part of the design system. Import it from the UI package.

import { LanguageButton } from "@/components/ui/language-button"

Usage

Use LanguageButton with language, selectedLanguage, and onLanguageChange. Copy the example below to get started.

Examples

Variants

Expanded

API Reference

The LanguageButton component displays a language selector (eng, kor, viet). It supports variant, language, selectedLanguage, and onLanguageChange. See the interface below for full prop details.

interface LanguageButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  variant?: "default" | "solid" | "expanded"
  size?: "default" | "expanded"
  language?: "eng" | "kor" | "viet"
  isExpanded?: boolean
  selectedLanguage?: "eng" | "kor" | "viet"
  onLanguageChange?: (language: "eng" | "kor" | "viet") => void
}