- bit BlazorUI
  • Layouts
  • Lists
  • Navs
  • Notifications
  • Progress
  • Surfaces
  • Utilities
  • Extras
  • Iconography
  • Theming
  • Text

    Use text to present your design and content as clearly and efficiently as possible.

    Usage

    Basic
    This is default (Subtitle1)


    H1. Heading


    H2. Heading


    H3. Heading


    H4. Heading


    H5. Heading

    H6. Heading


    Subtitle1. Lorem ipsum dolor sit amet

    Subtitle2. Lorem ipsum dolor sit amet


    Body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.


    Body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.



    Button. Click Me
    Caption1. Hello World!
    Caption2. Hello World!
    Overline. this is overline text.
    Align
    Start

    Center

    End
    Foreground
    Primary foreground

    Secondary foreground

    Tertiary foreground

    Transparent foreground
    Color
    Primary color

    Secondary color

    Tertiary color

    Info color

    Success color

    Warning color

    SevereWarning color

    Error color

    PrimaryBackground color

    SecondaryBackground color

    TertiaryBackground color

    PrimaryForeground color

    SecondaryForeground color

    TertiaryForeground color

    PrimaryBorder color

    SecondaryBorder color

    TertiaryBorder color

    API

    BitText parameters
    Name
    Type
    Default value
    Description
    ChildContent RenderFragment? null The content of the text.
    Color BitColor? null The general color of the text.
    Element string? null The custom html element used for the root node.
    Foreground BitColorKind? null The kind of the foreground color of the text.
    Gutter bool false If true, the text will have a bottom margin.
    NoWrap bool false If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    Typography BitTypography? null The typography of the text.
    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.
    PrimaryBackground 8 Primary background color.
    SecondaryBackground 9 Secondary background color.
    TertiaryBackground 10 Tertiary background color.
    PrimaryForeground 11 Primary foreground color.
    SecondaryForeground 12 Secondary foreground color.
    TertiaryForeground 13 Tertiary foreground color.
    PrimaryBorder 14 Primary border color.
    SecondaryBorder 15 Secondary border color.
    TertiaryBorder 16 Tertiary border color.
    BitColorKind enum
    Name
    Value
    Description
    Primary 0 The primary color kind.
    Secondary 1 The secondary color kind.
    Tertiary 2 The tertiary color kind.
    Transparent 3 The transparent color kind.
    BitTypography enum
    Name
    Value
    Description
    H1 0
    H2 1
    H3 2
    H4 3
    H5 4
    H6 5
    Subtitle1 6
    Subtitle2 7
    Body1 8
    Body2 9
    Button 10
    Caption1 11
    Caption2 12
    Overline 13
    Inherit 14
    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