TodayQuestionCard.Content

The TodayQuestionCard.Content component is a padded container that spaces inner elements consistently.

Basic Example

import { TodayQuestionCard } from "@ovok/native";
import * as React from "react";

const Example = () => (
  <TodayQuestionCard>
    <TodayQuestionCard.Content>
      <TodayQuestionCard.Title>Title</TodayQuestionCard.Title>
      <TodayQuestionCard.Question>How are you?</TodayQuestionCard.Question>
    </TodayQuestionCard.Content>
  </TodayQuestionCard>
);

export default Example;

Props

Extends ViewProps from React Native.

Primary Props

Prop	Type	Default	Description
children	ReactNode	undefined	Inner content
style	StyleProp<ViewStyle>	undefined	Additional container styles

Styling

Theme Values Used

• theme.spacing(5): Gap between items
• theme.spacing(2): Horizontal padding

Related Components

• TodayQuestionCard