/
Alex_Ural
/
opencode
Обзор
Документация
Войти
/
Alex_Ural
/
opencode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/ui/src/components/image-preview.tsx
32 строки
992 B
Adam
fix(app): a11y translations
22 янв 2026, 14:36
Не верифицирован
22 янв 2026, 14:36
d9b9485
Код
Авторство
О чём код?
import { Dialog as Kobalte } from "@kobalte/core/dialog" import { useI18n } from "../context/i18n" import { IconButton } from "./icon-button" export interface ImagePreviewProps { src: string alt?: string } export function ImagePreview(props: ImagePreviewProps) { const i18n = useI18n() return ( <div data-component="image-preview"> <div data-slot="image-preview-container"> <Kobalte.Content data-slot="image-preview-content"> <div data-slot="image-preview-header"> <Kobalte.CloseButton data-slot="image-preview-close" as={IconButton} icon="close" variant="ghost" aria-label={i18n.t("ui.common.close")} /> </div> <div data-slot="image-preview-body"> <img src={props.src} alt={props.alt ?? i18n.t("ui.imagePreview.alt")} data-slot="image-preview-image" /> </div> </Kobalte.Content> </div> </div> ) }