Repository navigation
v0.1.0-alpha.11
Pre-release
Pre-release
·
265 commits
to main
since this release
Every component with regions is now put together from parts, as Card was in alpha.10: write the parts among the content (DialogFooter, SidebarHeader, BannerActions…) and leave out the <ChildContent> wrapper. Content outside the parts is the body; an optional body part (DialogBody, SidebarBody) gives it layout props. Buttons follow one rule: Href makes it a link, so LinkButton is gone. HeaderNav is now SiteNav, and its phone menu opens under the header. Checkboxes, switches and fieldsets take an icon.
Changed (check when you update)
LinkButtonis replaced byButtonwithHref. AButtonwithHrefis a link (a) and keeps everythingLinkButtonhad:External,HideExternalIcon,NewTabLabel, and nohrefwhileDisabledorLoading. A link throws if it's also givenSubmit,Reset,Name,Value,FormorFormAction;DialogTriggerandDialogClosecan't takeHref.IconButtonwithHreflikewise throws withSubmitorReset, and now runsOnClick.Dialog:Headeris replaced byDialogHeader, andFooterandDialogActionsbyDialogFooter.DialogFooteris drawn where it's written, so write it last: last in the dialog, or last in a form that's last in the dialog, where its submit button submits the form with noForm="id". It reaches the dialog's edges (followingContentPadding) and stays in view while the body scrolls. To keep it at the bottom of a side drawer when the content is short, put the content in aDialogBody.AppSidebar:HeaderandFooterare replaced bySidebarHeaderandSidebarFooter. In the drawer, theSidebarHeaderrow is now the top bar, with the close button in it, instead of a close bar followed by the header as a second row.Alert'sActionsis replaced byAlertActions, written last in the alert;Banner's byBannerActions;EmptyState's byEmptyStateActions.AccordionItem'sHeaderis replaced byAccordionHeader(an item no longer throws without aTitle: give it aTitleor anAccordionHeader, since that's its name).HeaderNavis nowSiteNav. Below its breakpoint the menu button opens the links in a panel under the header, which stays in view with the site's name, and the same button closes it. The sheet's own top bar, its close button andPanelHeaderare gone (withCloseLabel);PanelFooterisSiteNavFooter, written among the links. The button's name is now "Menu" (IzzyText.Menu). CSS classes and the element areib-site-nav…(wereib-header-nav…). In a shell with a sidebar, aSiteNavFooterdoesn't move into the sidebar: useSidebarFooter.- The old names fail loudly for one release.
<LinkButton>,<DialogActions>,<HeaderNav>and the old slots written as attributes (Footer="@...") are build errors (CS0619) naming the replacement. The old slots written as child elements (<Footer>in aDialog,<Header>in anAppSidebarorAccordionItem,<Actions>in anAlert,BannerorEmptyState) throw when the component renders, naming the part to use, or fail to build with RZ9996 when written beside loose content. Search for<Header>,<Footer>,<Actions>,PanelHeaderandPanelFooterrather than waiting for a page to throw. CardPart, the public base of Card's parts, is replaced byComponentPart, shared by every part a component draws in its own place.- In the collapsed sidebar rail, an
AppBrand's name now hides by itself (it still shows in the drawer and the full sidebar), so a brand there needs noHideLabel.
New
DialogBody: the dialog's body withStack's layout props. It fills the dialog, so aDialogFooterafter it sits at the bottom of a side drawer;Flushruns it to the sides.SidebarBody: the sidebar's scrolling content with layout props.IcononCheckbox,SwitchandFieldset: a row icon before the label (withControlPosition.End, a column at the start centered on the label and hint), or a section icon at the start of a fieldset's heading. Decorative. Put icons on rows or on sections, not both.DialogFooterandAlertActionstakeRow's layout props (Justifymoves the buttons; a dialog's are at the end by default).Selectshows the chosen text as a tooltip, so a value cut short can be read on hover.
Fixed
- A collapsed full-height sidebar's header content is centered in its row beside an
AppHeader(it sat at the top). - Opening the sidebar drawer focuses its close button.
- A card part swapped in with
@if/elsekept showing its first content when it changed later.
Full Changelog: v0.1.0-alpha.10...v0.1.0-alpha.11