From 3dd9ad7eb3e26ca9f1a334e817b4baaa16471cca Mon Sep 17 00:00:00 2001 From: Andrea Leardini Date: Mon, 26 Feb 2024 12:55:53 +0100 Subject: [PATCH] feat(NeSideDrawer): add prop closeOnClickOutside (#27) --- src/components/NeSideDrawer.vue | 9 ++++++++- stories/NeSideDrawer.stories.ts | 1 + 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/components/NeSideDrawer.vue b/src/components/NeSideDrawer.vue index 1335810..b250691 100644 --- a/src/components/NeSideDrawer.vue +++ b/src/components/NeSideDrawer.vue @@ -11,6 +11,7 @@ import { faXmark } from '@fortawesome/free-solid-svg-icons' const props = defineProps({ isShown: { type: Boolean, default: false }, title: { type: String, default: '' }, + closeOnClickOutside: { type: Boolean, default: false }, closeAriaLabel: { type: String, default: 'Close side drawer' } }) @@ -19,11 +20,17 @@ const emit = defineEmits(['close']) function closeDrawer() { emit('close') } + +function maybeCloseDrawer() { + if (props.closeOnClickOutside) { + closeDrawer() + } +}