Skip to content

Commit f25e321

Browse files
viva-jinyiclaude
andcommitted
docs: Add TODO for reusable Checkbox component
추후 재사용 가능한 Checkbox 컴포넌트로 리팩토링 예정: - 네이티브 checkbox를 숨기고 커스텀 스타일 적용 - 시맨틱 토큰 사용 - MediaAssetFilterMenu, MultiSelect, SingleSelect에서 사용 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 1f49500 commit f25e321

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

src/platform/assets/components/MediaAssetFilterMenu.vue

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
1+
<!--
2+
TODO: Extract checkbox pattern into reusable Checkbox component
3+
- Create src/components/input/Checkbox.vue with:
4+
- Hidden native <input type="checkbox"> for accessibility
5+
- Custom visual styling matching this implementation
6+
- Semantic tokens (--primary-background, --input-surface, etc.)
7+
- Use this Checkbox component in:
8+
- MediaAssetFilterMenu.vue (this file)
9+
- MultiSelect.vue option template
10+
- SingleSelect.vue if needed
11+
- Benefits: Consistent checkbox UI, better maintainability, reusable design system component
12+
-->
113
<template>
214
<div class="flex flex-col gap-0 p-0 m-0">
315
<div

0 commit comments

Comments
 (0)