diff options
| author | Dax Raad <[email protected]> | 2025-11-06 13:03:02 -0500 |
|---|---|---|
| committer | Dax Raad <[email protected]> | 2025-11-06 13:03:12 -0500 |
| commit | 1ea3a8eb9beeb7d510fd29164ea741acec1ee04d (patch) | |
| tree | 22c35a0003c6c2cfb998431f8e5180879cbab9d3 /packages/ui/src/components | |
| parent | 8729edc5e059a9a29346044b016a6e05d9aca835 (diff) | |
| download | opencode-1ea3a8eb9beeb7d510fd29164ea741acec1ee04d.tar.gz opencode-1ea3a8eb9beeb7d510fd29164ea741acec1ee04d.zip | |
big format
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/checkbox.tsx | 13 | ||||
| -rw-r--r-- | packages/ui/src/components/dialog.tsx | 6 |
2 files changed, 16 insertions, 3 deletions
diff --git a/packages/ui/src/components/checkbox.tsx b/packages/ui/src/components/checkbox.tsx index 2009a430b..ac9abfdab 100644 --- a/packages/ui/src/components/checkbox.tsx +++ b/packages/ui/src/components/checkbox.tsx @@ -9,7 +9,14 @@ export interface CheckboxProps extends ParentProps<ComponentProps<typeof Kobalte } export function Checkbox(props: CheckboxProps) { - const [local, others] = splitProps(props, ["children", "class", "label", "hideLabel", "description", "icon"]) + const [local, others] = splitProps(props, [ + "children", + "class", + "label", + "hideLabel", + "description", + "icon", + ]) const resolved = children(() => local.children) return ( <Kobalte {...others} data-component="checkbox"> @@ -35,7 +42,9 @@ export function Checkbox(props: CheckboxProps) { </Kobalte.Label> </Show> <Show when={local.description}> - <Kobalte.Description data-slot="checkbox-description">{local.description}</Kobalte.Description> + <Kobalte.Description data-slot="checkbox-description"> + {local.description} + </Kobalte.Description> </Show> <Kobalte.ErrorMessage data-slot="checkbox-error" /> </div> diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx index ce7a4b3ac..fdbb9022d 100644 --- a/packages/ui/src/components/dialog.tsx +++ b/packages/ui/src/components/dialog.tsx @@ -38,7 +38,11 @@ export function DialogRoot(props: DialogProps) { return ( <Kobalte {...others}> <Show when={props.trigger}> - <Kobalte.Trigger ref={trigger} data-component="dialog-trigger" onFocusIn={handleTriggerFocus}> + <Kobalte.Trigger + ref={trigger} + data-component="dialog-trigger" + onFocusIn={handleTriggerFocus} + > {props.trigger} </Kobalte.Trigger> </Show> |