Skip to content

Commit 7412e82

Browse files
fix: consumers can add onClick$ to modal close (#909)
* allow people to pass handlers to modal close * changeset
1 parent 7039d99 commit 7412e82

File tree

2 files changed

+11
-2
lines changed

2 files changed

+11
-2
lines changed

.changeset/slow-jokes-sleep.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@qwik-ui/headless': patch
3+
---
4+
5+
fix: modal close handler onClick$

packages/kit-headless/src/components/modal/modal-close.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
1-
import { PropsOf, Slot, component$, useContext } from '@builder.io/qwik';
1+
import { PropsOf, Slot, component$, useContext, $ } from '@builder.io/qwik';
22
import { modalContextId } from './modal-context';
33

44
export const HModalClose = component$((props: PropsOf<'button'>) => {
55
const context = useContext(modalContextId);
66

7+
const handleClick$ = $(() => {
8+
context.showSig.value = false;
9+
});
10+
711
return (
8-
<button onClick$={() => (context.showSig.value = false)} {...props}>
12+
<button onClick$={[handleClick$, props.onClick$]} {...props}>
913
<Slot />
1014
</button>
1115
);

0 commit comments

Comments
 (0)