Card

Card are generally used to display information. Usually card contain images ,button, text and informative contents.

How to use

import React from 'react';
import {Card, Text} from '@gyri/native-ui-components';

const MyCard = ({className}) => (
  <Card mode="outlined" className={className}>
    <Text>MY Card</Text>
  </Card>
);

export default MyCard;

Props

#	Name	Data type	Default value	Values	Description
1	mode	string	elevated	elevated, outlined, contained	It allow user to change mode of element
2	className	string	''		It defined external CSS stylesheet.
3	onPress				Function to execute on press.
4	disabled	boolean			If true, disable all interactions for this component.
5	elevation				Changes Card shadow and background on iOS and Android.
6	contentStyle				Style of card's inner content.

For more detail visit https://callstack.github.io/react-native-paper/docs/components/Card/