oute-ds-action-card v0.0.245

oute-ds-action-card

Action card component is used to show a card with image, title, clickable desc and some action on right side

Usage

import avatar from 'oute-ds-action-card';

<ActionCard
  title={{text: 'Applications', styles: {color: 'black', fontWeight: 'bold'}}}
  cta={
    text: 'CONNECT NOW',
    styles: {color: '#2684FF', fontWeight: 'bold'},
  }
  icon={<Icon IconName="Rocket" iconProps={{size: 24}} />}
  containerStyle={{marginTop: 20, width: 360}}
  avatars={[
    {
      url: 'https://bit.ly/sage-adebayo',
      name: 'Segun Adebayo',
    },
    {
      url: 'https://bit.ly/kent-c-dodds',
      name: 'Kent Dodds',
    },
    {
      url: 'Prosper Otemuyiwa',
      name: 'https://bit.ly/prosper-baba',
    },
    {
      url: 'https://bit.ly/code-beast',
      name: 'Christian Nwamba',
    },
  ]}
  onClick={() => {}}
/>

Detailed examples: [here](https://design.gofo.app/?path=/story/packages-actioncard--primary)