ManuallyRequestSheet.Description

Body text component that displays detailed authorization descriptions with consistent typography and theme integration.

Quick Example

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

const DescriptionExample = () => {
  return (
    <>
      <DataSync.ManuallyRequestSheet.Description>
        Allow access to your health data for personalized insights and tracking.
        This will help us provide better recommendations based on your activity
        and health metrics.
      </DataSync.ManuallyRequestSheet.Description>
    </>
  );
};

export default DescriptionExample;

Props

Prop	Type	Required	Default	Description
children	React.ReactNode	✓	-	Description text content
variant	MD3TypescaleKey	-	bodyMedium	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 Description component renders text using React Native Paper's Text component with:

1. Typography: Uses Material Design 3 bodyMedium variant by default
2. Font Family: Custom "DMSans_400Regular" font for readability
3. Font Size: Fixed at 16px for consistent body text
4. Font Weight: Regular (400) for optimal reading
5. Text Alignment: Centered by default for modal descriptions
6. Line Height: Optimized for multi-line content readability
7. Style Merging: Combines default styles with custom styles passed via props

Typography Specifications

Default Styling

• Font Family: DMSans_400Regular
• Font Size: 16px
• Font Weight: 400 (Regular)
• Text Align: Center
• Color: theme.colors.onSurface (inherited from Paper Text)
• Line Height: 1.5 (optimized for readability)

Related Components

• ManuallyRequestSheet.Title - Title component that typically precedes the description
• ManuallyRequestSheet.RequestButton - Action button that typically follows the description
• ManuallyRequestSheet.Image - Visual element often placed before or after description