Skip to content

Commit abd6e8e

Browse files
committed
Upate styling docs with Schdedule feature
1 parent f86683d commit abd6e8e

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

content/docs/platform/inbox/configuration/styling.mdx

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,14 @@ Here's a list of some available elements that can be styled using the elements o
160160
| Snooze button | `notificationSnooze__button` |
161161
| Unread/read indicator button | `notificationUnread__button` |
162162
| Notification list container | `notificationList` |
163+
| Schedule container | `scheduleContainer` |
164+
| Schedule header | `scheduleHeader` |
165+
| Schedule body | `scheduleBody` |
166+
| Schedule table | `scheduleTable` |
167+
| Day schedule copy title | `dayScheduleCopyTitle` |
168+
| Day schedule copy menu | `dayScheduleCopy__dropdownContent` |
169+
| Time select dropdown | `timeSelect__dropdownTrigger` |
170+
| Time select list | `timeSelect__dropdownContent` |
163171

164172
<Callout type="info" title="How to find other elements?">
165173
Any selector that appears before the 🔔 emoji in the Devtools, can be targeted via the elements property in the appearance prop (stripping the `nv-` prefix). You can also use TS autocomplete to find the available elements.
@@ -352,6 +360,31 @@ You can customize specific parts of the Inbox UI by providing callback functions
352360
| `notificationDeliveredAt__icon` | `(context: { notification: Notification }) => string` |
353361
| `notificationSnoozedUntil__icon` | `(context: { notification: Notification }) => string` |
354362
| `notificationDot` | `(context: { notification: Notification }) => string` |
363+
| **Schedule** | |
364+
| `scheduleContainer` | `(context: { schedule?: Schedule }) => string` |
365+
| `scheduleHeader` | `(context: { schedule?: Schedule }) => string` |
366+
| `scheduleLabelContainer` | `(context: { schedule?: Schedule }) => string` |
367+
| `scheduleLabelIcon` | `(context: { schedule?: Schedule }) => string` |
368+
| `scheduleLabel` | `(context: { schedule?: Schedule }) => string` |
369+
| `scheduleActionsContainer` | `(context: { schedule?: Schedule }) => string` |
370+
| `scheduleActionsContainerRight` | `(context: { schedule?: Schedule }) => string` |
371+
| `scheduleBody` | `(context: { schedule?: Schedule }) => string` |
372+
| `scheduleDescription` | `(context: { schedule?: Schedule }) => string` |
373+
| `scheduleTable` | `(context: { schedule?: Schedule }) => string` |
374+
| `scheduleTableHeader` | `(context: { schedule?: Schedule }) => string` |
375+
| `scheduleHeaderColumn` | `(context: { schedule?: Schedule }) => string` |
376+
| `scheduleTableBody` | `(context: { schedule?: Schedule }) => string` |
377+
| `scheduleBodyRow` | `(context: { schedule?: Schedule }) => string` |
378+
| `scheduleBodyColumn` | `(context: { schedule?: Schedule }) => string` |
379+
| `scheduleInfoContainer` | `(context: { schedule?: Schedule }) => string` |
380+
| `scheduleInfoIcon` | `(context: { schedule?: Schedule }) => string` |
381+
| `scheduleInfo` | `(context: { schedule?: Schedule }) => string` |
382+
| **Day Schedule Copy** | |
383+
| `dayScheduleCopyTitle` | `(context: { schedule?: Schedule }) => string` |
384+
| `dayScheduleCopyIcon` | `(context: { schedule?: Schedule }) => string` |
385+
| `dayScheduleCopySelectAll` | `(context: { schedule?: Schedule }) => string` |
386+
| `dayScheduleCopyDay` | `(context: { schedule?: Schedule }) => string` |
387+
| `dayScheduleCopyFooterContainer` | `(context: { schedule?: Schedule }) => string` |
355388

356389
</Accordion>
357390
</Accordions>

0 commit comments

Comments
 (0)