Repository navigation
v0.1.0-alpha.14
Pre-release
Pre-release
·
88 commits
to main
since this release
Toggle buttons and a Toolbar that drops its labels before anything moves into its menu. Also: enhanced navigation no longer flashes the old page from its top, a few accessibility fixes, and the documentation now lives only on izzyblazor.com.
New
PressedonButtonandIconButtonmakes a toggle button, such as Bold: screen readers hear "pressed" or "not pressed" (aria-pressed), and pressed it shows a tint and an edge in the accent's text color. With@bind-Pressed(PressedChanged) a click toggles it beforeOnClickon interactive pages; on static pages set it from the server's state and post the change withSubmit,NameandValue. A link can't be pressed:PressedwithHrefthrows.- In a
Toolbar's "…" menu a toggle is a checkbox item (menuitemcheckbox) that toggles the same. Toolbar CollapseLabels: before anything moves into the "…" menu,ToolbarButtons with aStartIcon(in aToolbarButtonGrouptoo) show only their icon, andToolbarMenus with one keep their icon and chevron, all at once; items then move into the menu as before. The text stays for screen readers and, with script, is the tooltip. An item withOverflow="ToolbarOverflow.Never"keeps its text. It works with JavaScript off: the server adds one container query for it.
<Toolbar Label="Insert" CollapseLabels>
<ToolbarButton StartIcon="Lucide.Heading">Heading</ToolbarButton>
<ToolbarButton StartIcon="Lucide.List">List</ToolbarButton>
<ToolbarIconButton Icon="Lucide.Bold" Label="Bold" @bind-Pressed="_bold" />
<ToolbarButton StartIcon="Lucide.Send" Position="ToolbarPosition.End" Overflow="ToolbarOverflow.Never">Publish</ToolbarButton>
</Toolbar>AppShellContextcarries the shell'sScrollMode.
Changed (check when you update)
- With
ShellScroll.Main,AppMainis a tab stop (tabindex="0", was-1), so a main area that scrolls on its own can be scrolled from the keyboard when nothing in it takes focus. It shows a focus ring when the keyboard reaches it. WithShellScroll.Pagenothing changes. - A tab's error count reads "Billing (1 error)" (was "Billing, 1 error", which Chrome read as "Billing , 1 error").
- A selectable
Table's checkbox column has a hidden "Select" heading (SelectRowLabel) while select-all is hidden with no script; once the script runs, the select-all checkbox names the column as before. ColorPickerwithShowHex="false"is a square swatch, with or without script, instead of a full-width box with an empty stretch.docs/getting-started.md,docs/styling.mdanddocs/components.mdare gone from the repository: the same documentation, kept up to date, is on izzyblazor.com.
Fixed
- Enhanced navigation no longer shows the old page from its top while the next one loads. Since .NET 10, Blazor scrolls to the top as soon as a link to another page is followed, before the response arrives (dotnet/aspnetcore#64015); IzzyBlazor's script keeps the page where it is and goes to the top (or the link's
#fragment) once the new page is in. Interactive routing andNavigationManager.NavigateToare unchanged.
Full Changelog: v0.1.0-alpha.13...v0.1.0-alpha.14