Skip to main content

TodayQuestionCard.Gradient

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

Basic Example​

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​

Extends LinearGradientProps from expo-linear-gradient.

Primary Props​

PropTypeDescription
childrenReactNodeContent inside the gradient
colorsreadonly string[]Gradient colors
start/end{ x: number, y: number }Gradient direction