Samples by Class: sp-card-*¶
The sp-card-* classes are intended to be used in gallery views (but are available for other formats as well). Unlike most of the other classes, some of these only apply styles when nested together.
Samples are grouped by classes used. Expand to see the related samples.
1 sample
sp-card-boldText¶
4 samples
sp-card-borderHighlight¶
0 samples
sp-card-bottomCommandBar¶
4 samples
sp-card-container¶
2 samples
sp-card-container-noPadding¶
3 samples
sp-card-content¶
1 sample
sp-card-defaultClickButton¶
1 sample
sp-card-defaultImage¶
1 sample
sp-card-defaultImageOverlay¶
3 samples
sp-card-displayColumnContainer¶
0 samples
sp-card-emptyFillStar¶
1 sample
sp-card-formatterRef¶
0 samples
sp-card-halfFillStar¶
0 samples
sp-card-heartIcon¶
3 samples
sp-card-highlightedContent¶
1 sample
sp-card-imageContainer¶
0 samples
sp-card-imageContainer-shortened¶
1 sample
sp-card-imagePreview¶
1 sample
sp-card-imagePreviewBackground¶
0 samples
sp-card-imagePreviewBackground-shortened¶
0 samples
sp-card-imagePreview-stretched¶
3 samples
sp-card-keyboard-focusable¶
1 sample
sp-card-label¶
1 sample
sp-card-lastTextColumnContainer¶
0 samples
sp-card-likes¶
0 samples
sp-card-lookupInlineValues¶
0 samples
sp-card-multiline¶
3 samples
sp-card-personCallout¶
2 samples
sp-card-previewColumnContainer¶
0 samples
sp-card-ratingCount¶
0 samples
sp-card-showOnHover¶
0 samples
sp-card-showOnHoverChild¶
0 samples
sp-card-showOnHoverParent¶
0 samples
sp-card-starRating¶
4 samples
sp-card-subContainer¶
1 sample
sp-card-subContainer-borderRadius¶
0 samples
sp-card-urlContent¶
3 samples
sp-card-userContainer¶
0 samples
sp-card-userContent¶
3 samples
sp-card-userCustomCard¶
1 sample
sp-card-userEmptyText¶
3 samples
sp-card-userOthers¶
3 samples
sp-card-userThumbnail¶
1 sample