MemoFab

우측 하단에 고정 배치되는 메모/업데이트 알림 FAB 위젯입니다. 접힌 상태에서 아이콘만 노출되고, 클릭 시 Information 패널이 펼쳐집니다.

import { MemoFab } from "@/shared/ui/widget"

사용 컴포넌트:Label

인터랙티브 데모

아이템 수

tsx

<MemoFab
  detailUrl="/updates"
  items={[...3 items]}
/>

아이템이 없으면 알림 점 없이 아이콘만 표시됩니다. 클릭해도 패널이 열리지 않습니다.

Prop	Type	Required	Default	설명
`items`	`MemoFabItemData[]` { contents: string; labelText: string; labelColor: LabelColor; uploadedAt: string; url: string }	✓	—	메모/업데이트 아이템 목록 (비어있지 않으면 알림 점 표시)
`detailUrl`	`string`	—	—	"업데이트 및 메모" 헤더 옆 > 클릭 시 이동할 URL
`className`	`string`	—	—	추가 CSS 클래스