TodayQuestionCard.Actions
The TodayQuestionCard.Actions component aligns action items to the right with consistent spacing.
- Stable unknown
- Release candidate since 1.16.1-rc.3
- Development since 1.16.1-dev.2111+9796905
The TodayQuestionCard.Actions component aligns action items to the right with consistent spacing.
Basic Example
import { TodayQuestionCard } from "@ovok/native";
import * as React from "react";
import { IconButton } from "react-native-paper";
const Example = () => (
<TodayQuestionCard.Actions>
<IconButton icon="refresh" />
<IconButton icon="arrow-right" />
</TodayQuestionCard.Actions>
);
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(2.5): Gap between action items
Default Styles
alignSelf: "flex-end";
flexDirection: "row";
alignItems: "center";Related Components
Last updated on
TodayQuestionCard
The TodayQuestionCard component displays daily questions and prompts in an interactive card format with gradient background support. It's designed for engaging daily health check-ins, questionnaires, and journal prompts with visual appeal and clear call-to-action elements.
TodayQuestionCard.Content
The TodayQuestionCard.Content component is a padded container that spaces inner elements consistently.