# TodayQuestionCard.Content

Canonical page: https://docs.ovok.com/native-sdk/guide/components/journal/today-question-card-content

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

## Basic Example [#basic-example]

```tsx
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 [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/journal` API reference](/native-sdk/reference/journal).

## Styling [#styling]

### Theme Values Used [#theme-values-used]

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

## Related Components [#related-components]

- [TodayQuestionCard](/native-sdk/guide/components/journal/today-question-card/)