human-atlas
  1. Interfaces
  2. LongCard

File

src/app/components/card-button-long/long-card.ts

Description

An interface representing the details to be displayed inside the card

Index

Properties

Properties

alt
alt: string
Type : string

Alternate text for the icon of the card
body
body: string
Type : string

Description of the card
color
color: string
Type : string
Optional

Background color of the icon of the card
externalLink
externalLink: string
Type : string
Optional

URL to be redirected to when clicked
icon
icon: string
Type : string

Path to the icon of the card
route
route: string
Type : string
Optional

Route to be redirected to when card is clicked
title
title: string
Type : string

Title inside the card

 
export interface LongCard {
  /** Path to the icon of the card */
  icon: string;
  /** Title inside the card */
  title: string;
  /** URL to be redirected to when clicked */
  externalLink?: string;
  /** Description of the card */
  body: string;
  /** Route to be redirected to when card is clicked */
  route?: string;
  /** Background color of the icon of the card */
  color?: string;
  /** Alternate text for the icon of the card */
  alt: string;
}

/** An interface representing heading and LongCard details */
export interface CardBlock {
  /** Heading of the card(s) */
  heading: string;
  /** Card details of the card(s) */
  cardData: LongCard[];
  /** Font size of the heading of the card */
  headerSize?: string;
  /** Element id of the heading of the card */
  id?: string;
}

results matching ""

    No results matching ""