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;
| # | Name | Data type | Default value | Values | Description |
|---|---|---|---|---|---|
| 1 | header | string | 'In Progress' | ||
| 2 | headerColor | string | 'text-white' | ||
| 3 | headerBgColor | string | 'bg-green-500' | ||
| 4 | count | number | 0 | ||
| 5 | countColor | string | 'primary.500' | ||
| 6 | countBgColor | string | 'bg-gray-300' | ||
| 7 | onPress | boolean | false | true, false | |
| 8 | tailwindConfig | object |