Card

Displays a card with header, content, and footer.

Login to your account

Enter your email below to login to your account

Installation

npx nx g @spartan-ng/cli:ui card

Usage

import {
  HlmCardContent
  HlmCardDescription
  HlmCard
  HlmCardFooter
  HlmCardHeader
  HlmCardTitle
	HlmCardAction
} from '@spartan-ng/helm/card';
<section hlmCard>
  <div hlmCardHeader>
    <h3 hlmCardTitle>Card Title</h3>
    <p hlmCardDescription>Card Description</p>
		<div hlmCardAction></div>
  </div>
  <p hlmCardContent>Card Content</p>
  <p hlmCardFooter>Card Footer</p>
</section>

Helm API

HlmCardAction

Selector: [hlmCardAction]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCardContent

Selector: [hlmCardContent]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCardDescription

Selector: [hlmCardDescription]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCardFooter

Selector: [hlmCardFooter]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCardHeader

Selector: [hlmCardHeader]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCardTitle

Selector: [hlmCardTitle]

Inputs

PropTypeDefaultDescription
class ClassValue --

HlmCard

Selector: [hlmCard]

Inputs

PropTypeDefaultDescription
class ClassValue --
Carousel Button