wip(app): settings
This commit is contained in:
parent
e521fee002
commit
8bcbfd6396
16 changed files with 563 additions and 44 deletions
|
|
@ -6,6 +6,7 @@ export interface DialogProps extends ParentProps {
|
|||
title?: JSXElement
|
||||
description?: JSXElement
|
||||
action?: JSXElement
|
||||
size?: "normal" | "large"
|
||||
class?: ComponentProps<"div">["class"]
|
||||
classList?: ComponentProps<"div">["classList"]
|
||||
fit?: boolean
|
||||
|
|
@ -13,10 +14,11 @@ export interface DialogProps extends ParentProps {
|
|||
|
||||
export function Dialog(props: DialogProps) {
|
||||
return (
|
||||
<div data-component="dialog" data-fit={props.fit ? true : undefined}>
|
||||
<div data-component="dialog" data-fit={props.fit ? true : undefined} data-size={props.size || "normal"}>
|
||||
<div data-slot="dialog-container">
|
||||
<Kobalte.Content
|
||||
data-slot="dialog-content"
|
||||
data-no-header={!props.title && !props.action ? "" : undefined}
|
||||
classList={{
|
||||
...(props.classList ?? {}),
|
||||
[props.class ?? ""]: !!props.class,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue