@nxgt/material 3.86.1 → 3.86.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{components-C2MBVly0.js → components-BTukNsPn.js} +11 -4
- package/dist/components.js +1 -1
- package/dist/main.js +1 -1
- package/dist/material.css +1 -1
- package/docs/components/data-display.md +1 -1
- package/docs/components/rich-widgets.md +4 -2
- package/package.json +1 -1
|
@@ -1530,7 +1530,7 @@ import { EventChip } from '@nxgt/material/components';
|
|
|
1530
1530
|
| `allDay` | `boolean` | `false` | no time |
|
|
1531
1531
|
| `compact` | `boolean` | `false` | one line, the time before the title, for month cells |
|
|
1532
1532
|
| `continuesBefore`, `continuesAfter` | `boolean` | `false` | square edges for a multi-day event |
|
|
1533
|
-
| `badge` | `{ label: string; tone?: Tone }` | — | a small tinted label after the title (neutral without a `tone`); cut with an ellipsis
|
|
1533
|
+
| `badge` | `{ label: string; tone?: Tone }` | — | a small tinted label after the title (neutral without a `tone`); cut with an ellipsis; in a box under 20px tall or 7rem wide it becomes a tone dot (its tooltip is the label) while the label stays in the chip's accessible name. `EventCalendar` sets it from `CalendarEvent.badge` |
|
|
1534
1534
|
| `selected`, `disabled` | `boolean` | `false` | state |
|
|
1535
1535
|
|
|
1536
1536
|
**Storybook:** `Data display/EventChip` · **Vue:** `EventChip` (`variant`, `endTime`: React only for now, #892; `badge`: #2526)
|
|
@@ -367,8 +367,10 @@ const events: CalendarEvent[] = [
|
|
|
367
367
|
- **Accessibility.** The label is part of the event's name (`Visit, Follow-up`),
|
|
368
368
|
and the tone is never the only signal.
|
|
369
369
|
- **Small boxes.** A long label is cut with an ellipsis inside its chip. In a
|
|
370
|
-
box under 20px tall or
|
|
371
|
-
|
|
370
|
+
box under 20px tall or 7rem wide (a phone's week column) it falls back to a
|
|
371
|
+
small dot in the badge's tone, with the label as its tooltip; the label stays
|
|
372
|
+
in the event's accessible name. The agenda view wraps a long description
|
|
373
|
+
instead of cutting it.
|
|
372
374
|
|
|
373
375
|
### EventCalendar resources
|
|
374
376
|
|