yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

components/modal: add missing properties {mount, class}

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-07-19 18:18:56 +02:00
parent 2d404254da
commit d01342aa79
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
pkgs/clan-app/ui/src/components/Modal/Modal.tsx
View File

@@ -3,6 +3,7 @@ import { Dialog as KDialog } from "@kobalte/core/dialog";
import "./Modal.css"; import "./Modal.css";
import { Typography } from "../Typography/Typography"; import { Typography } from "../Typography/Typography";
import Icon from "../Icon/Icon"; import Icon from "../Icon/Icon";
import cx from "classnames";
export interface ModalContext { export interface ModalContext {
close(): void; close(): void;
@@ -13,6 +14,8 @@ export interface ModalProps {
title: string; title: string;
onClose: () => void; onClose: () => void;
children: (ctx: ModalContext) => JSX.Element; children: (ctx: ModalContext) => JSX.Element;
mount?: Node;
class?: string;
} }
export const Modal = (props: ModalProps) => { export const Modal = (props: ModalProps) => {
@@ -20,8 +23,8 @@ export const Modal = (props: ModalProps) => {
return ( return (
<KDialog id={props.id} open={open()} modal={true}> <KDialog id={props.id} open={open()} modal={true}>
<KDialog.Portal> <KDialog.Portal mount={props.mount}>
<KDialog.Content class="modal-content"> <KDialog.Content class={cx("modal-content", props.class)}>
<div class="header"> <div class="header">
<Typography class="title" hierarchy="label" family="mono" size="xs"> <Typography class="title" hierarchy="label" family="mono" size="xs">
{props.title} {props.title}