/
Alex_Ural
/
opencode
Обзор
Документация
Войти
/
Alex_Ural
/
opencode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/console/app/src/component/modal.tsx
46 строк
1 KB
Victor Navarro
feat(go): referral support (#28345)
19 май 2026, 18:51
Не верифицирован
19 май 2026, 18:51
b32f071
Код
Авторство
О чём код?
import { Dialog as Kobalte } from "@kobalte/core/dialog" import { JSX, Show } from "solid-js" import "./modal.css" interface ModalProps { open: boolean onClose: () => void title?: string variant?: "black" children: JSX.Element } export function Modal(props: ModalProps) { return ( <Show when={props.open}> <Kobalte modal open={props.open} preventScroll={false} onOpenChange={(open) => { if (!open) props.onClose() }} > <Kobalte.Portal> <Kobalte.Overlay data-component="modal" data-slot="overlay" onClick={props.onClose}> <Kobalte.Content data-slot="content" data-variant={props.variant} onClick={(e) => e.stopPropagation()} onOpenAutoFocus={(e) => { e.preventDefault() const target = e.currentTarget as HTMLElement | null target?.focus({ preventScroll: true }) }} > <Show when={props.title}> <Kobalte.Title data-slot="title">{props.title}</Kobalte.Title> </Show> {props.children} </Kobalte.Content> </Kobalte.Overlay> </Kobalte.Portal> </Kobalte> </Show> ) }