- bit BlazorUI
Home Docs
  • Inputs
  • Layouts
  • Lists
  • Navs
  • Notifications
  • Progress
  • Surfaces
  • Utilities
  • Extras
  • Iconography
  • Theming

    • Loading

    Native loading components with beautiful visuals ready to use in any waiting scenario.

    Usage

    Basic
    BitBarsLoading
    BitCircleLoading
    BitDotsRingLoading
    BitDualRingLoading
    BitEllipsisLoading
    BitGridLoading
    BitHeartLoading
    BitHourglassLoading
    BitRingLoading
    BitRippleLoading
    BitRollerLoading
    BitSpinnerLoading
    Label
    LabelPosition
    LabelTemplate
    Loading
    Color
    Custom Color
    Size

    API

    BitLoading parameters
    Name
    Type
    Default value
    Description
    Color BitColor? null The general color of the loading component.
    CustomColor string? null The custom css color of the loading component.
    CustomSize int? null The custom size of the loading component in px.
    Label string? null The text content of the label of the loading component.
    LabelPosition BitLabelPosition? null The position of the label of the loading component.
    LabelTemplate RenderFragment? null The custom content of the label of the loading component.
    Size BitSize? null The Size of the loading component.
    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.
    BitColor enum
    Name
    Value
    Description
    Primary 0 Info Primary general color.
    Secondary 1 Secondary general color.
    Tertiary 2 Tertiary general color.
    Info 3 Info general color.
    Success 4 Success general color.
    Warning 5 Warning general color.
    SevereWarning 6 SevereWarning general color.
    Error 7 Error general color.
    BitLabelPosition enum
    Name
    Value
    Description
    Top 0 The label shows on the top of the button.
    End 1 The label shows on the end of the button.
    Bottom 2 The label shows on the bottom of the button.
    Start 3 The label shows on the start of the button.
    BitSize enum
    Name
    Value
    Description
    Small 0 The small size button.
    Medium 1 The medium size button.
    Large 2 The large size button.
    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.
    • On this page