# TodayQuestionCard.Gradient

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

The `TodayQuestionCard.Gradient` component provides a gradient background using `expo-linear-gradient` for visually appealing daily prompts.

## Basic Example [#basic-example]

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

const Example = () => (
  <TodayQuestionCard.Gradient
    colors={["#667eea", "#764ba2", "#f093fb", "#f5576c", "#4facfe"]}
    style={{
      height: 70,
    }}
  />
);

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).

## Related Components [#related-components]

- [TodayQuestionCard](/native-sdk/guide/components/journal/today-question-card/)
- [TodayQuestionCard.Content](/native-sdk/guide/components/journal/today-question-card-content/)
- [TodayQuestionCard.Title](/native-sdk/guide/components/journal/today-question-card-title/)
- [TodayQuestionCard.Question](/native-sdk/guide/components/journal/today-question-card-question/)
- [TodayQuestionCard.Actions](/native-sdk/guide/components/journal/today-question-card-actions/)