Improve this doc View source

pfInfoStatusCard
directive in module patternfly.card

Description

Component for easily displaying textual information

Usage

as element:
<pf-info-status-card
       status="{object}"
       [show-top-border="{boolean}"]
       html-content="{boolean}"
       [show-spinner="{boolean}"]
       [spinner-text="{string}"]
       [spinner-card-height="{string}"]>
</pf-info-status-card>

Parameters

ParamTypeDetails
statusobject

Status configuration information

  • .title - the main title of the info status card
  • .href - the href to navigate to if one clicks on the title or count
  • .iconClass - an icon to display to the left of the count
  • .iconImage - an image to display to the left of Infrastructure
  • .info - an array of strings to display, each element in the array is on a new line, accepts HTML content
show-top-border
(optional)
boolean

Show/hide the top border, true shows top border, false (default) hides top border

htmlContentboolean

Flag to allow HTML content within the info options

showSpinner
(optional)
boolean

Show/Hide the spinner for loading state. True shows the spinner, false (default) hides the spinner

spinnerText
(optional)
string

Text for the card spinner

spinnerCardHeight
(optional)
string

Height to set for the card when data is loading and spinner is shown

Example

Source













Demo