Card
A Card provides a container to wrap around a specific content. Keeping a card to a single subject keeps the design clean.
Usage
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
bit BlazorUI
bit BlazorUI components are native, easy-to-customize, and ...
Learn more
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. |
| Elevation |
int? |
null |
Sets the shadow elevation level of the card (1-24). Maps to theme shadow variables (--bit-shd-1 to --bit-shd-24). |
| FullHeight |
bool |
false |
Makes the card height 100% of its parent container. |
| FullSize |
bool |
false |
Makes the card width and height 100% of its parent container. |
| FullWidth |
bool |
false |
Makes the card width 100% of its parent container. |
| Height |
string? |
null |
Sets the height of the card explicitly. |
| NoPadding |
bool |
false |
Removes the default padding of the card. |
| NoShadow |
bool |
false |
Removes the default shadow around the card. |
| Outlined |
bool |
false |
Renders the card with no shadow and a primary border. |
| Square |
bool |
false |
Removes the border-radius from the card, rendering it with sharp corners. |
| Width |
string? |
null |
Sets the width of the card explicitly. |
BitComponentBase parameters
| Name |
Type |
Default value |
Description |
|---|
| AriaLabel |
string? |
null |
Gets or sets the accessible label for the component, used by assistive technologies. |
| Class |
string? |
null |
Gets or sets the CSS class name(s) to apply to the rendered element. |
| Dir |
BitDir? |
null |
Gets or sets the text directionality for the component's content. |
| HtmlAttributes |
Dictionary<string, object> |
new Dictionary<string, object>() |
Captures additional HTML attributes to be applied to the rendered element, in addition to the component's parameters. |
| Id |
string? |
null |
Gets or sets the unique identifier for the component's root element. |
| IsEnabled |
bool |
true |
Gets or sets a value indicating whether the component is enabled and can respond to user interaction. |
| Style |
string? |
null |
Gets or sets the CSS style string to apply to the rendered element. |
| TabIndex |
string? |
null |
Gets or sets the tab order index for the component when navigating with the keyboard. |
| Visibility |
BitVisibility |
BitVisibility.Visible |
Gets or sets the visibility state (visible, hidden, or collapsed) of the component. |
BitComponentBase public members
| Name |
Type |
Default value |
Description |
|---|
| UniqueId |
Guid |
Guid.NewGuid() |
Gets the readonly unique identifier for the component's root element, assigned when the component instance is constructed. |
| RootElement |
ElementReference |
|
Gets the reference to the root HTML element associated with this component. |
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. |
Feedback
You can give us your feedback through our
GitHub repo
by filing a new
Issue
or starting a new
Discussion.
Or you can
review
/
edit
this page on GitHub.
Or you can
review
/
edit
this component on GitHub.