bit BlazorUI

The Cover template takes the place of the image. An overlaid cover fills the card and the content is written over it. ``` \n**Actions & Footer**: ```razor Actions sit beside the title; the footer sits under the body. The star floats over the picture. Starred: @isStarred And the same card with a rule between each part and the next. ``` ```csharp private bool isStarred; ``` \n**Horizontal**: ```razor A horizontal card is a thumbnail and a summary on one row. CoverWidth pins the thumbnail to a fixed width. Reversed puts the thumbnail after the words instead of before them. ``` \n**Click**: ```razor Clicked @clickCount times. This one answers nothing. ``` ```csharp private int clickCount; ``` \n**Link**: ```razor The whole surface is the link; the pin button above it is not. Pinned: @isPinned ``` ```csharp private bool isPinned; ``` \n**Selection**: ```razor Selected: @isBasicSelected Selected: @isProSelected ``` ```csharp private bool isProSelected; private bool isBasicSelected = true; ``` \n**Hoverable**: ```razor The shadow answers the pointer. ``` \n**Loading**: ```razor Once it is loaded, this is what the card had to say. And this one brought its own placeholder. ``` ```csharp private bool isLoading = true; ``` \n**Elevation**: ```razor

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

``` ```csharp private double elevation = 4; ``` \n**NoShadow**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more ``` \n**Background**: ```razor

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

``` ```csharp private BitColorKind backgroundColorKind = BitColorKind.Primary; ``` \n**Border**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more ``` ```csharp private BitColorKind borderColorKind = BitColorKind.Primary; ``` \n**Outlined**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more ``` \n**Square**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more ``` \n**NoPadding**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more ``` \n**Width & Height**: ```razor bit BlazorUI bit BlazorUI components are native, easy-to-customize, and ... Learn more This one is bounded rather than sized: it never shrinks below 12rem and never grows past 24rem. @for (var i = 1; i <= 12; i++) { Line @i of a body that outgrew its card. } ``` ```csharp private double cardWidth = 300; private double cardHeight = 200; ``` \n**FullSize**: ```razor

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

``` ```csharp private int size = 0; ``` \n**Accessibility**: ```razor A named card is a group, and its title is a level-3 heading. Out of the tab order, off the pointer, marked disabled. ``` \n**Color**: ```razor

``` \n**External Icons**: ```razor ``` \n**Size**: ```razor Small padding, small type. Medium padding, medium type. Large padding, large type. ``` \n**Style & Class**: ```razor Styled card Classed card Every part can be styled on its own. And every part can take a class. ``` \n**RTL**: ```razor بیت بلیزور یو آی، کامپوننت‌های بومی، قابل تنظیم و ... ```