ProductUI Action bar - PrimerBlazor

Basic ActionBar

<PrimerActionBar>
    <PrimerActionBarIconButton Icon="IconName.Bold16" Size="IconSize.Small" AriaLabelName="Bold" TooltipDirection="TooltipDirection.Bottom" />
    <PrimerActionBarIconButton Icon="IconName.Italic16" Size="IconSize.Small" AriaLabelName="Italic" TooltipDirection="TooltipDirection.Bottom" />
    <PrimerActionBarIconButton Icon="IconName.Code16" Size="IconSize.Small" AriaLabelName="Code" TooltipDirection="TooltipDirection.Top" />
    <PrimerActionBarIconButton Icon="IconName.Link16" Size="IconSize.Small" AriaLabelName="Link" />
    <PrimerActionBarDivider />
    <PrimerActionBarIconButton Icon="IconName.File16" Size="IconSize.Small" AriaLabelName="File Added" />
    <PrimerActionBarIconButton Icon="IconName.Search16" Size="IconSize.Small" AriaLabelName="Search" />
</PrimerActionBar>

ActionBar IconButton

 <PrimerActionBarIconButton Icon="IconName.Bold16" Size="IconSize.Small" AriaLabelName="Bold" TooltipDirection="TooltipDirection.Bottom" />

ActionBar Divider

<PrimerActionBarDivider />

ActionBar Options

Available options for ActionBar component

Name	Description	Default Value	CSS Class
ChildContent	Content inside the ActionBar container	-	ActionBar

IconButton Options

Available options for ActionBarIconButton component

Name	Description	Default Value	CSS Class
Icon	Icon to display	IconName.Bold16	-
Size	Size of the icon	IconSize.Medium	-
AriaLabelName	ARIA label for accessibility	""	-
TooltipDirection	Direction of the tooltip	TooltipDirection.Bottom	-
OnClick	Click event handler for the button	-	-

Divider Options

Available options for ActionBarDivider component

Name	Description	Default Value	CSS Class
-	Divider is a static separator with no options	-	ActionBarDivider