컴포넌트
Sibling Highlight Grid
CSS :has() 선택자만으로 카드 호버 시 나머지 형제 셀이 흐려지고 축소되며 호버한 셀만 밝게 확대됩니다. JS 상태·이벤트 핸들러 없이 순수 CSS 캐스케이드로 동작하는 제로 리렌더 그리드입니다.
- 분류
- 컴포넌트
- 난이도
- easy
- 변형
- TS-TW
설치
npx shadcn@latest add https://gasan.ai.kr/tools/effect/r/SiblingHighlightGrid-TS-TW
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| count | number | 6 | 그리드에 표시할 카드 개수. |
| className | string | undefined | 루트 요소에 추가할 CSS 클래스. |