LanguageToggle 语言切换

基本用法

注意：LanguageToggle 切换逻辑是替换当前页面的 url，若项目没有配置 /en/ 路由页面，可能无法成功跳转。
只有当页面资源完全加载完毕时，点击才会触发切换语言。

const lang = 'zh-cn';

<LanguageToggle lang={lang}/>

中文

代码演示

设置默认值

const lang = 'en';

<LanguageToggle
    lang={lang}
/>

EN

自定义背景色

// secondary
const lang = 'zh-cn';
<LanguageToggle
    theme="secondary"
    lang={lang}
/>


// warning
const langEN = 'en';
<LanguageToggle
    theme="warning"
    lang={langEN}
/>

secondary:

中文

warning:

EN

API

Accordion

属性	说明	类型	默认值
lang	指定选中的选项	string	”zh-cn” || “en”
theme	设置背景和按钮颜色，其中按钮颜色较深	string	使用 tailwind.config.js 中设置的 theme，例如 primary, gray, secondary… 等