/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/input-rtl.tsx
58 строк
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
"use client" import * as React from "react" import { useTranslation, type Translations, } from "@/components/language-selector" import { Field, FieldDescription, FieldLabel, } from "@/styles/base-nova/ui-rtl/field" import { Input } from "@/styles/base-nova/ui-rtl/input" const translations: Translations = { en: { dir: "ltr", values: { apiKey: "API Key", placeholder: "sk-...", description: "Your API key is encrypted and stored securely.", }, }, ar: { dir: "rtl", values: { apiKey: "مفتاح API", placeholder: "sk-...", description: "مفتاح API الخاص بك مشفر ومخزن بأمان.", }, }, he: { dir: "rtl", values: { apiKey: "מפתח API", placeholder: "sk-...", description: "מפתח ה-API שלך מוצפן ונשמר בצורה מאובטחת.", }, }, } export function InputRtl() { const { dir, t } = useTranslation(translations, "ar") return ( <Field dir={dir}> <FieldLabel htmlFor="input-rtl-api-key">{t.apiKey}</FieldLabel> <Input id="input-rtl-api-key" type="password" placeholder={t.placeholder} dir={dir} /> <FieldDescription>{t.description}</FieldDescription> </Field> ) }