|Kit
Changelog

0.18.0

asChild composes or fails to compile, and Schedule's agenda starts at its date

Spotlight

Schedule#286

An agenda that starts where you are

The agenda opens on its anchor date and lists visibleDays days, 7 by default. Prev and Next step by that span, and the title shows the range. Clicking a row selects the event without opening a popover.

View Schedule
Menu#288

Menu items that are your router links

Wrap a router Link in Menu.Item asChild and the link becomes the menu item, with its sections, indicator and highlight. Pressing Enter on it navigates client-side.

View Menu

Changes

v0.17.1…v0.18.0 on GitHub

4 breaking changes

  • Accordion, Tabs, Breadcrumb, Notification, AppShell:

    asChild is a compile error on the data forms of Accordion, Tabs and Breadcrumb, on the ready-made Notification and on AppShell.Sidebar (their Root parts keep it)

  • Circular Progress, Progress, Rating, Slider, Divider, Field, Input, PillsInput:

    asChild is a compile error on CircularProgress, Progress, Rating, Slider, Divider, Field, InputBase and PillsInput

  • Combobox, Drawer, Modal, Popover, Tooltip:

    asChild is a compile error on Combobox.Control, Group, Content, Panel and Item, Drawer/Modal.Positioner, Drawer.Grabber, Popover.Content and Tooltip.Arrow

+1 more in the list

4added

2changed

11fixed

Schedule5 changesViewCodeBlock3 changesViewMenu3 changesView
  • breaking4
  • AccordionTabsBreadcrumb

    asChild is a compile error on the data forms of Accordion, Tabs and Breadcrumb, on the ready-made Notification and on AppShell.Sidebar (their Root parts keep it)

    #294
  • Circular ProgressProgressRating

    asChild is a compile error on CircularProgress, Progress, Rating, Slider, Divider, Field, InputBase and PillsInput

    #294
  • ComboboxDrawerModal

    asChild is a compile error on Combobox.Control, Group, Content, Panel and Item, Drawer/Modal.Positioner, Drawer.Grabber, Popover.Content and Tooltip.Arrow

    #294
  • Schedule

    asChild is a compile error on Schedule, its views and Schedule.NextUp (ScheduleToolbar and its Title keep it)

    #294
  • added4
  • Schedule

    visibleDays works with an agenda renderer, and an agenda entry can pin its own span: { id: "agenda", visibleDays: 14 }

    #286
  • CodeBlock

    title adds a header row above the code (a filename, say) that hosts the toolbar

    #290
  • CodeBlock

    notation={false} shows [!code …] markers verbatim

    #290
  • Collapse

    Collapse accepts asChild

    #288
  • changed2
  • Schedule

    The agenda opens on its anchor date for visibleDays days (default 7) instead of a calendar month; Prev/Next step by that span and the title shows the range

    #286
  • Schedule

    Clicking an agenda row only selects it: withEventDetails now defaults to false in the agenda — pass it (or renderEventDetails) to bring the popover back

    #286
  • fixed11
  • Menu

    Menu.Item, CheckboxItem, RadioItem, SubTrigger and ItemGroupLabel render as your router link under asChild, with their sections, indicator and highlight

    #288
  • Menu

    Pressing Enter on a link item navigates client-side instead of reloading the page

    #288
  • Menu

    A Menu built from a non-literal items array types onSelect's value as string instead of any

    #287
  • Breadcrumb

    Breadcrumb.Home asChild puts its house icon inside an empty link

    #288
  • Combobox

    Combobox.Trigger and ClearTrigger keep their icon under asChild

    #288
  • Accordion

    Accordion.ItemTrigger and ItemContent compose onto your element under asChild

    #288
  • PillTimelineAlert

    Pill, Timeline.Item, Alert and ScheduleToolbar.Title render their content inside your element under asChild instead of rendering nothing

    #288
  • ModalDrawer

    CloseTrigger asChild uses your element in place of the icon button, without the forced aria-label

    #288
  • Clipboard

    Clipboard.Input asChild wires your input as the read-only value field

    #288
  • Tabs

    The data form's onChange is typed with your tab values only, no longer widened by the native ChangeEvent

    #294
  • CodeBlock

    Code stays left-to-right on RTL pages

    #290

0.18.1

The gray palette gives way to neutral, with an alias and a lint rule to migrate

0.17.1

Schedule and Calendar mirror in right-to-left locales, and the drag ghost slides between days

On this page

SpotlightChangesBreaking · 4Accordion, Tabs, Breadcrumb, Notification, AppShell · asChild is a compile error on the data forms of Accordion, Tabs and Breadcrumb, on the ready-made Notification and on AppShell.Sidebar (their Root parts keep it)Circular Progress, Progress, Rating, Slider, Divider, Field, Input, PillsInput · asChild is a compile error on CircularProgress, Progress, Rating, Slider, Divider, Field, InputBase and PillsInputCombobox, Drawer, Modal, Popover, Tooltip · asChild is a compile error on Combobox.Control, Group, Content, Panel and Item, Drawer/Modal.Positioner, Drawer.Grabber, Popover.Content and Tooltip.ArrowSchedule · asChild is a compile error on Schedule, its views and Schedule.NextUp (ScheduleToolbar and its Title keep it)Added · 4Schedule · visibleDays works with an agenda renderer, and an agenda entry can pin its own span: { id: "agenda", visibleDays: 14 }CodeBlock · title adds a header row above the code (a filename, say) that hosts the toolbarCodeBlock · notation={false} shows [!code …] markers verbatimCollapse · Collapse accepts asChildChanged · 2Schedule · The agenda opens on its anchor date for visibleDays days (default 7) instead of a calendar month; Prev/Next step by that span and the title shows the rangeSchedule · Clicking an agenda row only selects it: withEventDetails now defaults to false in the agenda — pass it (or renderEventDetails) to bring the popover backFixed · 11Menu · Menu.Item, CheckboxItem, RadioItem, SubTrigger and ItemGroupLabel render as your router link under asChild, with their sections, indicator and highlightMenu · Pressing Enter on a link item navigates client-side instead of reloading the pageMenu · A Menu built from a non-literal items array types onSelect's value as string instead of anyBreadcrumb · Breadcrumb.Home asChild puts its house icon inside an empty linkCombobox · Combobox.Trigger and ClearTrigger keep their icon under asChildAccordion · Accordion.ItemTrigger and ItemContent compose onto your element under asChildPill, Timeline, Alert, Schedule · Pill, Timeline.Item, Alert and ScheduleToolbar.Title render their content inside your element under asChild instead of rendering nothingModal, Drawer · CloseTrigger asChild uses your element in place of the icon button, without the forced aria-labelClipboard · Clipboard.Input asChild wires your input as the read-only value fieldTabs · The data form's onChange is typed with your tab values only, no longer widened by the native ChangeEventCodeBlock · Code stays left-to-right on RTL pages