fix: stop click propagation on remove button and fix story labels

This commit is contained in:
dante01yoon
2026-03-28 16:20:40 +09:00
parent 0d3f272e6a
commit ec19b49cc3
2 changed files with 2 additions and 2 deletions

View File

@@ -62,7 +62,7 @@ export const AllStates: Story = {
<div class="flex items-center gap-2">
<Tag label="Default" />
<Tag label="Unselected" state="unselected" />
<Tag label="Selected" removable />
<Tag label="Removable" removable />
</div>
</div>
<div>

View File

@@ -38,7 +38,7 @@ const tagClass = computed(() =>
type="button"
:aria-label="$t('g.remove')"
class="inline-flex shrink-0 cursor-pointer items-center justify-center rounded-full p-0.5 hover:bg-white/10"
@click="emit('remove', $event)"
@click.stop="emit('remove', $event)"
>
<i class="icon-[lucide--x] size-3" aria-hidden="true" />
</button>