Card.Title
A component to show a title, subtitle inside a Card.
How to use
import React from 'react';
import {Card} from '@gyri/native-ui-components';
const MyComponent = ({title, subtitle}) => (
<Card>
<Card.Title title={title} subtitle={subtitle}/>
</Card>
);
export default MyComponent;
Props
| # | Name | Data type | Default value | Values | Description |
|---|---|---|---|---|---|
| 1 | title (required) | string | Text for the title. | ||
| 2 | subtitle | string | Text for the Subtitle. | ||
| 3 | titleStyle | Style for the title. | |||
| 4 | titleNumberOfLines | number | 1 | Number of lines for the title. | |
| 5 | subtitleNumberOfLines | number | 1 | Number of lines for the subtitle. | |
| 6 | left | Callback which returns a React element to display on the left side. | |||
| 7 | right | Callback which returns a React element to display on the right side. |
For more detail visit https://callstack.github.io/react-native-paper/docs/components/Card/CardTitle