오버레이HoverCard11 props
Hover Card
Hover Card는 호버나 포커스 시 보조 정보를 짧게 보여줍니다.
공식 문서 열기미리보기
Preview card
Hover cards add supplemental detail.Import
import {HoverCard} from '@astryxdesign/core/HoverCard';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Hover Card는 호버나 포커스 시 보조 정보를 짧게 보여줍니다.
hovercardhover cardpopovertooltippreview cardflyoutoverlayhover popup
중요 props
placementabove | below | start | endoptional
alignmentstart | center | endoptional
focusTriggerauto | always | neveroptional
hasHoverIndicationauto | booleanoptional
테마 대상
astryx-hovercard
사용 지침
- 권장HoverCard의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
- 피하기공간을 줄이기 위해 필요한 레이블이나 설명을 제거하지 마세요.