0.0.245 • Published 2 years ago

oute-ds-action-card v0.0.245

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

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)
0.0.245

2 years ago

0.0.244

2 years ago

0.0.243

2 years ago

0.0.241

2 years ago

0.0.240

2 years ago

0.0.239

2 years ago

0.0.238

2 years ago

0.0.237

2 years ago

0.0.236

2 years ago

0.0.235

2 years ago

0.0.234

2 years ago

0.0.233

2 years ago

0.0.232

2 years ago

0.0.231

2 years ago

0.0.230

2 years ago

0.0.229

2 years ago

0.0.227

2 years ago

0.0.226

2 years ago

0.0.225

2 years ago

0.0.223

2 years ago

0.0.222

2 years ago

0.0.219

2 years ago

0.0.218

2 years ago

0.0.214

2 years ago

0.0.213

2 years ago

0.0.212

2 years ago

0.0.209

2 years ago

0.0.208

2 years ago

0.0.206

2 years ago

0.0.205

2 years ago