Skip to main content

CountCard

How to use

import React from 'react';
import {CountCard} from '@gyri/native-ui-components';

const MyCountCard = () => (
<CountCard
header={'In Progress'}
headerColor={'text-white'}
headerBgColor={'bg-green-500'}
count={0}
countColor={'primary.500'}
countBgColor={'bg-gray-300'}
onPress={() => false}>
</CountCard>
);

export default MyCountCard;
#NameData typeDefault valueValuesDescription
1headerstring'In Progress'
2headerColorstring'text-white'
3headerBgColorstring'bg-green-500'
4countnumber0
5countColorstring'primary.500'
6countBgColorstring'bg-gray-300'
7onPressbooleanfalsetrue, false
8tailwindConfigobject