@comparaonline/ui-card-summary

Installation

yarn add @comparaonline/ui-card-summary

Usage

const highlightProps = {
  startColor: 'blue',
  endColor: 'red',
  image: <img src="..." alt="..." />
};

<CardSummary highlight={highlightProps}>
  ...some content
</CardSummary>

Component Props

name	type	required	description
hightlightProps	object	false	hightlight configuration
actionComponent	ReactNode	false	component displayed as action element
callback	function	false	callback executed when action is clicked
minWidth	string	false	min width of the card
maxWidth	string	false	max width of the card

hightlightProps

name	type	required	description
startColor	string	true	start color of the gradient
endColor	string	true	end color of the gradient
frameComponent	ReactNode	false	component displayed in the circle frame