본문으로 건너뛰기

목록과 표시

NewItemsChip

새 기록을 끼워 넣지 않고 “새 기록 N개” 칩으로 알림.

출시 화면에서 사용

개요

미리보기

예시 언어동작 줄이기

visible

예시

상태

보임
1개
99+
숨김(맨 위)

이렇게 · 이렇게 하지 않기

이렇게 읽고 있는 목록이 밀리지 않게 새 항목은 칩으로만 알린다.
이렇게 누르면 맨 위로 가서 첫 새 항목으로 초점을 옮긴다.
이렇게 하지 않기 개수에 강조 색을 쓰지 않는다. 개수는 사실이다. 펄스·흔들기 없음.

토큰과 속성

이름	타입	기본값	설명
`count`	`number`	—	기다리는 새 기록 수. 99를 넘으면 “99+”.
`visible?`	`boolean`	`true`	목록이 맨 위가 아닐 때만 보인다. 숨겨도 퇴장 페이드를 위해 마운트된 채 남는다.
`onActivate?: () => void`	—	—	목록을 맨 위로 스크롤하고 새 행을 넣은 뒤 첫 새 행에 초점을 둔다(소비자 몫).
`announce()`	—	—	처음 나타날 때만 polite “새 기록이 있어요”(cb:announce 이벤트, LiveAnnouncer가 읽음). 수가 늘어도 다시 알리지 않는다.
`ref`	—	—	ref는 <button>으로 전달된다.
그 밖의 속성	—	—	id, aria-* 등 네이티브 button 속성은 그대로 전달된다. type은 항상 "button". className·style·children은 받지 않는다.