Toolbar

Where it sits. Defaults to ToolbarPosition.Start. Not in a group: set it on the group.

Which items stay longest when there's no room: higher stays longer. Defaults to 0. Items with the same priority move into the menu from the middle of the toolbar outward.

When it moves into the "…" menu: ToolbarOverflow.Never for the main action, ToolbarOverflow.Always for what only the menu needs. Defaults to ToolbarOverflow.Auto.

Makes it a link to this URL (an a) instead of a button. A link can't take Submit, Reset, Name, Value, FormAction or Form.

For a link: opens in a new tab with rel="noopener noreferrer" and shows an external-link icon.

Leaves out an external link's icon, for repeated links where it would be noise. Screen readers still hear NewTabLabel.

Read to screen readers after an external link's text. Defaults to "(opens in a new tab)".

Submits the form it's in (or Form), like type="submit". Without Submit or Reset, a button does nothing by itself.

Resets the form it's in, like type="reset". Can't be combined with Submit.

Posted with the form as Name=Value when this button submits it, so one handler can tell which of several submit buttons was pressed. Not action, method or target: a control with one of those names hides the form's own property, and Blazor's enhanced form handling then posts to the wrong address.

The value posted with Name.

Submits to this URL instead of the form's own action (native formaction).

The id of a form elsewhere on the page that this button submits (native form).

Primary (the default) for the main action, Neutral for everything else, Danger for destructive actions, or a custom color (Accent.Of("#0d9488"), Accent.Token("brand")); text on a custom color is chosen for contrast. Emphasis comes from Variant.

Visual weight. Defaults to ButtonVariant.Solid.

Height. Defaults to ControlSize.Md.

An icon before the text.

An icon after the text.

Stretches to the full width of its container.

Shows a spinner in place of the start icon and blocks further clicks.

Read to screen readers while Loading. Defaults to "Loading".

Disables the button.

Makes it a toggle button, such as Bold in an editor: true shows it pressed, false not, and screen readers hear which (aria-pressed). With @bind-Pressed a click turns it on and off on interactive pages; on static pages the server decides, as with a submit button's Name and Value. Null (the default) is an ordinary button. Not for links.

The label.

Runs on click on interactive pages (a link still navigates). Has no effect on static pages.

Where it sits. Defaults to ToolbarPosition.Start. Not in a group: set it on the group.

Which items stay longest when there's no room: higher stays longer. Defaults to 0. Items with the same priority move into the menu from the middle of the toolbar outward.

When it moves into the "…" menu: ToolbarOverflow.Never for the main action, ToolbarOverflow.Always for what only the menu needs. Defaults to ToolbarOverflow.Auto.

The icon.

What the button does, for screen readers and the tooltip.

Renders a link to this URL instead of a button.

Submits the form it's in (or Form), when it's a button (not a link), like type="submit".

Resets the form it's in, when it's a button, like type="reset". Can't be combined with Submit.

Posted with the form as Name=Value when this button submits it, so one handler can tell which button was pressed, such as which row's Delete. Not action, method or target: a control with one of those names hides the form's own property, and Blazor's enhanced form handling then posts to the wrong address.

The value posted with Name.

Submits to this URL instead of the form's own action (native formaction).

The id of a form elsewhere on the page that this button submits (native form).

Primary (the default) for the main action, Neutral for everything else, Danger for destructive actions, or a custom color (Accent.Of("#0d9488"), Accent.Token("brand")); text on a custom color is chosen for contrast. Emphasis comes from Variant.

Visual weight. Defaults to ButtonVariant.Solid.

Height. Defaults to ControlSize.Md.

An icon before the text.

An icon after the text.

Stretches to the full width of its container.

Shows a spinner in place of the start icon and blocks further clicks.

Read to screen readers while Loading. Defaults to "Loading".

Disables the button.

Makes it a toggle button, such as Bold in an editor: true shows it pressed, false not, and screen readers hear which (aria-pressed). With @bind-Pressed a click turns it on and off on interactive pages; on static pages the server decides, as with a submit button's Name and Value. Null (the default) is an ordinary button. Not for links.

The label.

Runs on click on interactive pages (a link still navigates).

Where it sits. Defaults to ToolbarPosition.Start.

Which items stay longest when there's no room: higher stays longer. Defaults to 0. Items with the same priority move into the menu from the middle of the toolbar outward.

When it moves into the "…" menu: ToolbarOverflow.Never for the main action, ToolbarOverflow.Always for what only the menu needs. Defaults to ToolbarOverflow.Auto.

What the buttons have in common, for screen readers: "Text alignment".

The buttons' accent, unless a button sets its own.

The buttons' variant, unless a button sets its own.

The buttons' size, unless a button sets its own.

Joins the buttons into one control with shared borders (the default). False spaces them apart.

Lays the buttons out in a row (the default) or a column.

Stretches the group to its container's width, sharing it among the buttons.

The buttons.

Where it sits. Defaults to ToolbarPosition.Start.

Which items stay longest when there's no room: higher stays longer. Defaults to 0. Items with the same priority move into the menu from the middle of the toolbar outward.

When it moves into the "…" menu: ToolbarOverflow.Never for the main action, ToolbarOverflow.Always for what only the menu needs. Defaults to ToolbarOverflow.Auto.

The default trigger's text.

The default trigger's color. Defaults to Neutral.

The default trigger's weight. Defaults to ButtonVariant.Outline.

The default trigger's size.

An icon before the default trigger's text.

A custom trigger in place of the default button. Its context holds the attributes that wire it to the menu; pass them on with @attributes="context". It must be a button.

Where the menu opens. Defaults to Placement.BottomStart.

The width of the menu panel, such as Length.Rem(16) for a column of long labels. Defaults to the content's width, at least 10rem and the trigger's width, up to 24rem. Never wider than the screen.

The MenuItems, MenuGroups and MenuDividers.

Whether it is open. Use @bind-Open to follow changes on interactive pages.

The element id. Generated when not set.

Where it sits. Defaults to ToolbarPosition.Start.

The text.

Where it sits. Defaults to ToolbarPosition.Start.

Which items stay longest when there's no room: higher stays longer. Defaults to 0. Items with the same priority move into the menu from the middle of the toolbar outward.

When it moves into the "…" menu: ToolbarOverflow.Never for the main action, ToolbarOverflow.Always for what only the menu needs. Defaults to ToolbarOverflow.Auto.

What stands in for it in the "…" menu, such as MenuItems. Without it, the item stays in the bar.

The content. Buttons in it are plain Buttons, not toolbar buttons.

Where it sits. Defaults to ToolbarPosition.Start.