ManuallyRequestSheet.Title

Styled title text component that displays authorization prompt titles with consistent typography and theme integration.

Quick Example

import { DataSync } from "@ovok/native";
import React from "react";

const SkipButtonExample = () => {
  return (
    <DataSync.ManuallyRequestSheet.Title>
      Title
    </DataSync.ManuallyRequestSheet.Title>
  );
};

export default SkipButtonExample;

Props

Prop	Type	Required	Default	Description
children	React.ReactNode	✓	-	Title text content
variant	MD3TypescaleKey	-	titleLarge	Material Design 3 text variant
style	TextStyle	-	-	Additional text styling
testID	string	-	-	Test identifier for testing

Inherits all TextProps from react-native-paper

Component Behavior

The Title component renders text using React Native Paper's Text component with:

1. Typography: Uses Material Design 3 titleLarge variant by default
2. Font Family: Custom "DMSans_700Bold" font for enhanced readability
3. Font Size: Fixed at 20px for consistent hierarchy
4. Font Weight: Bold (600) for prominence
5. Text Alignment: Centered by default for modal titles
6. Style Merging: Combines default styles with custom styles passed via props

Typography Specifications

Default Styling

• Font Family: DMSans_700Bold
• Font Size: 20px
• Font Weight: 600 (Bold)
• Text Align: Center
• Color: theme.colors.onSurface (inherited from Paper Text)

Related Components

• ManuallyRequestSheet.Description - Body text that typically follows the title
• ManuallyRequestSheet.Container - Container that holds the title
• ManuallyRequestSheet.Image - Visual element often placed after title