Data display
Collection card
An entry for a folder or collection with cover, permission state and collaborator ring.
Anatomy
No interactive example yet. The anatomy for this component lives in the Figma file; the tables below describe it.
Anatomy
Collection card anatomy| # | Part | Description | Presence |
|---|
| 1 | Cover | 12px nested radius | Required |
|---|
| 2 | Title | Heading | Required |
|---|
| 3 | Permission signifier | Lock icon with text alternative | Optional |
|---|
| 4 | Collaborator ring | Count with name | Optional |
|---|
Specifications
| Width | 320px at component level |
|---|
| Shell radius | 16px |
|---|
| Cover radius | 12px (nested) |
|---|
| Signifiers | Lock · collaborator count ring · status |
|---|
Interaction
Keyboard| Key | Result |
|---|
| Tab | One stop for the card link |
|---|
Pointer and touch| Trigger | Response |
|---|
| Hover | Lift and border |
|---|
Accessibility
role · article
1.1.1Non-text Content1.4.1Use of Colour
Requirements| Requirement | How Rig meets it |
|---|
| Lock | Icon needs a name (Private) or a visible word |
|---|
| Count | Say 3 collaborators, not just 3 |
|---|
| Cover | Decorative unless it informs |
|---|
Usage
Do and don’t| Do | Don’t |
|---|
| ✓Show access in text | ✕Do not rely on the lock icon alone |