@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 |