Skip to main content

PastJournalCard.Answer

The PastJournalCard.Answer component renders the answer text of a past journal entry with a subtle color.

Basic Example​

import { PastJournalCard } from "@ovok/native";
import * as React from "react";

const Example = () => {
return (
<PastJournalCard.Answer>
I felt energetic and went for a walk.
</PastJournalCard.Answer>
);
};
export default Example;

Props​

Extends TextProps<"bodyLarge"> from react-native-paper.

Primary Props​

PropTypeDefaultDescription
childrenReactNodeundefinedAnswer content
styleStyleProp<TextStyle>undefinedAccepted by the type, but the component's internal color/font style wins; wrap it in your own text when custom styling is required

Styling​

Theme Colors Used​

  • theme.colors.onSurfaceDisabled: Text color

Default Styles​

fontSize: 14;
fontWeight: "400";