Badge, Chip & Tag — Learning Bundle
배지, 칩 및 태그 — 학습 세트
이 학습 번들은 디자인 시스템에 따라 다른 세 가지 라벨을 비교합니다. 배지(badge)는 종종 상태나 수를 표시합니다. 태그(tag)는 콘텐츠를 그룹으로 분류합니다. 칩(chip)은 상호작용할 수 있습니다. 이 번들은 하나의 표준 컴포넌트 용어가 아닙니다.
실제 예시
받은편지함 배지는 읽지 않은 메시지가 7개 있다고 표시해요. "연구" 태그가 기사에 붙어 있죠. 필터 칩은 지울 수 있어요.
주요 부분
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
사용할 때
먼저 디자인 시스템에서 이름을 확인하세요. 각 구성 요소를 모양만이 아니라 의미와 역할로 이름 짓습니다.
다음 경우에는 사용하지 마세요
정보만 보여주기 위해 만들어진 상태 배지 안에 전체 동작을 절대 넣지 마세요.
코드에서 사용된 이름
Badge / Tag / Chip 출시하기 전에
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome：Complete the task with 배지, 칩 및 태그 — 학습 세트 (Badge, Chip & Tag — Learning Bundle)。 User context：받은편지함 배지는 읽지 않은 메시지가 7개 있다고 표시해요. "연구" 태그가 기사에 붙어 있죠. 필터 칩은 지울 수 있어요. Learning bundle to unpack：배지, 칩 및 태그 — 학습 세트 (Badge, Chip & Tag — Learning Bundle)。 Canonical members：배지 (Badge)、칩 (Chip)、태그 (Tag) Why this comparison helps：먼저 디자인 시스템에서 이름을 확인하세요. 각 구성 요소를 모양만이 아니라 의미와 역할로 이름 짓습니다. Do not treat the bundle as one pattern when：정보만 보여주기 위해 만들어진 상태 배지 안에 전체 동작을 절대 넣지 마세요. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary)：이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
이 요청을 확인하세요
Review how 배지, 칩 및 태그 — 학습 세트 (Badge, Chip & Tag — Learning Bundle) is used now. Definition: 이 학습 번들은 디자인 시스템에 따라 다른 세 가지 라벨을 비교합니다. 배지(badge)는 종종 상태나 수를 표시합니다. 태그(tag)는 콘텐츠를 그룹으로 분류합니다. 칩(chip)은 상호작용할 수 있습니다. 이 번들은 하나의 표준 컴포넌트 용어가 아닙니다. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.