-
옵션
-
-
-
-
+ return (
+
+ {/* 1. 기본 드롭다운 예시 */}
+
+ 1. 기본 드롭다운
+
+ {/* Large 사이즈 예시 */}
+
-
+ {/* Small 사이즈 예시 */}
+
+
+
-
f.value === selectedFilter)?.label
- : '필터 선택'
- }
- items={filterOptions}
- sideOffset={8}
- />
+ {/* 2. 상태 관리가 포함된 드롭다운 예시 */}
+
+
+ 2. 선택 상태가 있는 드롭다운
+
+ {/* 회전 화살표 아이콘 예시 */}
+
+
+ {/* 양방향 화살표 아이콘 예시 */}
+
+
-
+ {/* 3. 이미지 드롭다운 예시 */}
+
- 트리거}
- items={widthSizeTemp}
- />
+ {/* 4. 커스텀 스타일링 예시 */}
+
);
}
diff --git a/src/assets/icon/profile.svg b/src/assets/icon/profile.svg
new file mode 100644
index 0000000..1e19dbd
--- /dev/null
+++ b/src/assets/icon/profile.svg
@@ -0,0 +1,3 @@
+