GuidesComponentsjournal

TodayQuestionCard.Content

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

  • Stable unknown
  • Release candidate since 1.16.1-rc.3
  • Development since 1.16.1-dev.2111+9796905

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

Every prop, with its type and description, is listed in the @ovok/native/journal API reference.

Styling

Theme Values Used

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

Last updated on

On this page