0.0.245 • Published 2 years ago
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)
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