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

    A Card provides a container to wrap around a specific content. Keeping a card to a single subject keeps the design clean.

    Usage

    Basic

    bit BlazorUI

    bit BlazorUI components are native, easy-to-customize, and ...

    Learn more
    Background

    bit BlazorUI

    bit BlazorUI components are native, easy-to-customize, and ...

    Learn more
    Border

    bit BlazorUI

    bit BlazorUI components are native, easy-to-customize, and ...

    Learn more
    FullSize

    bit BlazorUI

    bit BlazorUI components are native, easy-to-customize, and ...

    Learn more

    API

    BitCard parameters
    Name
    Type
    Default value
    Description
    Background BitColorKind? null The color kind of the background of the card.
    Border BitColorKind? null The color kind of the border of the card.
    ChildContent RenderFragment The content of the card.
    FullHeight bool null Makes the card height 100% of its parent container.
    FullSize bool null Makes the card width and height 100% of its parent container.
    FullWidth bool null Makes the card width 100% of its parent container.
    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.
    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.
    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