- bit BlazorUI
Home Docs

ActionButton

ActionButton is a special type of button with a specific set of visual styles and properties.

Usage

Basic
Style & Class


Visibility
Visible: [ ]
Hidden: [ ]
Collapsed: [ ]
ARIA
Link button
Open bit platform In New Tab Go To bit platform
Custom content
Button Type


RTL

Implementation

BitActionButton parameters
Name
Type
Default value
Description
AllowDisabledFocus bool true Whether the action button can have focus in disabled mode.
AriaDescription string? null Detailed description of the button for the benefit of screen readers.
AriaHidden bool false If true, add an aria-hidden attribute instructing screen readers to ignore the element.
ButtonType BitButtonType null The type of the button.
ChildContent RenderFragment? null The content of action button, It can be Any custom tag or a text.
Classes BitActionButtonClassStyles? null Custom CSS classes for different parts of the BitActionButton.
Href string? null URL the link points to, if provided, action button renders as an anchor.
IconName string? null The icon name for the icon shown in the action button.
OnClick EventCallback<MouseEventArgs> Callback for when the action button clicked.
Styles BitActionButtonClassStyles? null Custom CSS styles for different parts of the BitActionButton.
Target string? null If Href provided, specifies how to open the link.
Title string? null The title to show when the mouse is placed on the action button.
BitComponentBase parameters
Name
Type
Default value
Description
AriaLabel string? null The aria-label of the control for the benefit of screen readers.
Class string? null Custom CSS class for the root element of the component.
Dir BitDir? null Determines the component direction.
HtmlAttributes Dictionary<string, object> new Dictionary<string, object>() Capture and render additional attributes in addition to the component's parameters.
Id string? null Custom id attribute for the root element. if null the UniqueId will be used instead.
IsEnabled bool true Whether or not the component is enabled.
Style string? null Custom CSS style for the root element of the component.
Visibility BitVisibility BitVisibility.Visible Whether the component is visible, hidden or collapsed.
BitComponentBase public members
Name
Type
Default value
Description
UniqueId Guid Guid.NewGuid() The readonly unique id of the root element. it will be assigned to a new Guid at component instance construction.
RootElement ElementReference The ElementReference of the root element.
BitActionButtonClassStyles properties
Name
Type
Default value
Description
Root string? null Custom CSS classes/styles for the root element of the BitActionButton.
Container string? null Custom CSS classes/styles for the main container of the BitActionButton.
Icon string? null Custom CSS classes/styles for the Icon of the BitActionButton.
Content string? null Custom CSS classes/styles for the content of the BitActionButton.
BitButtonType enum
Name
Value
Description
Button 0 The button is a clickable button.
Submit 1 The button is a submit button (submits form-data).
Reset 2 The button is a reset button (resets the form-data to its initial values).
BitVisibility enum
Name
Value
Description
Visible 0 The content of the component is visible.
Hidden 1 The content of the component is hidden, but the space it takes on the page remains (visibility:hidden).
Collapsed 2 The component is hidden (display:none).
BitDir enum
Name
Value
Description
Ltr 0 Ltr (left to right) is to be used for languages that are written from the left to the right (like English).
Rtl 1 Rtl (right to left) is to be used for languages that are written from the right to the left (like Arabic).
Auto 2 Auto lets the user agent decide. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then applies that directionality to the whole element.