InfoCard

Overview

Component providing standard delivery of information/errors/warnings. It also has the ability to display children which will occur under any provided message text

Example : Default usage

import { InfoCard } from '@ska-telescope/ska-gui-components';

...

<InfoCard color={InfoCardColorTypes.Info} message="infoCard.message" testId="testId" >
   {children}
</InfoCard>

Properties

Property	Type	Required	default
ariaDescription	string	No		Used by Screen Readers
ariaTitle	string	No	AlertCard	Used by Screen Readers
clickFunction	Function	No	null	Executed if the component is clicked
color	AlertColorTypes	No	Info	Identifies the coloring for the alert
fontSize	number	No	35	Determines the size of the displayed text/symbol
maxHeight	string	No		Allows for a maximum height of the card to be provided
message	string	No		Title that is used for the element
showStatus	boolean	No	false	When true also shows appropriate status component
showStatusIcon	boolean	No	true	Displays symbol within the status when shown
testId	string	No	infoCard-testId	Identifier for testing purposes
variant	AlertVariantTypes	No	Outlined	Styling option

Constants

none

Testing Identifier

Provided by the property testId