TodayQuestionCard.Actions
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
Extends ViewProps from React Native.
Primary Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | undefined | Action elements |
style | StyleProp<ViewStyle> | undefined | Additional container styles |
Styling
Theme Values Used
theme.spacing(2.5): Gap between action items
Default Styles
alignSelf: "flex-end";
flexDirection: "row";
alignItems: "center";