Semantic card component that adapts its host element role based on the as input · Responsive card grid layout with in...
common/card
Category
No results found
Features15#
- ComponentCngxCardWCAG AASemantic card component that adapts its host element role based on the as input
- ComponentCngxCardGridWCAG AAResponsive card grid layout with intrinsic sizing, keyboard navigation, and reason-based empty-state template selection
- ComponentCngxCardSkeletonWCAG AASkeleton placeholder for card content during loading
- ComponentCngxCardTimestampDisplays a formatted date/timestamp, typically in a card footer
- DirectiveCngxCardAccentWCAG AAAdds a color-coded severity accent to a card
- DirectiveCngxCardActionsStructural slot directive for the card actions region
- DirectiveCngxCardBadgePositions a badge element at a corner of its parent card and projects intent + size variants onto the host class so a...
- DirectiveCngxCardBodyStructural slot directive for the card body region
- DirectiveCngxCardFooterWCAG AAStructural slot directive for the card footer region
- DirectiveCngxCardGridEmptyMarker directive placed on <ng-template> inside a <cngx-card-grid>
- DirectiveCngxCardHeaderWCAG AAStructural slot directive for the card header region
- DirectiveCngxCardMediaWCAG AAStructural slot directive for the card media region (images, videos, icons)
- DirectiveCngxCardSubtitleMarks an element as the card's subtitle - secondary text below the title
- DirectiveCngxCardTitleMarks an element as the card's primary title
- TokenCNGX_CARD_I18NWCAG AADI token for the card i18n bundle
References7#
- VariableCARD_I18N_DEFAULTS
- Type AliasEmptyReasonReason why a card grid is empty - drives empty-state template selection
- InterfaceCngxCardI18nCard i18n surface
- FunctioninjectCardI18nInject the resolved card i18n bundle
- FunctionprovideCardI18nProvider for the card i18n bundle
- FunctionwithCardI18nLabelsOverride i18n labels via a partial bundle - unset keys keep the English default
- Type AliasCngxCardI18nFeatureBranded feature-fn for {@link provideCardI18n}