EventIcon

shell

이벤트 아이콘. semantic key 또는 ReactNode 아이콘과 배경색을 표시합니다.

깊이

100%

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

EventIcon 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`icon`*	`string \| React.ReactNode`	—	semantic icon key, legacy key, 또는 React 노드 (Lucide 등)
`color`	`string`	`theme accent`	사용자 지정 아이콘 색상. 없으면 theme accent 토큰을 사용하고, 전달하면 전경색과 tint 배경에 적용됩니다.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	아이콘 크기 (sm=20px, md=28px, lg=36px)

tsx

import {
  EventIcon,
  POPULAR_ICONS,
  COLOR_PRESETS,
} from "@reopt-ai/opt-ui";