Register.EmailForm.Spacing

The spacing component provides flexible layout spacing for form elements. This component is shared with the sign-in module.

Usage

Basic Spacing

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

const FormWithSpacing = () => {
  return (
    <Register.EmailForm>
      <Register.EmailForm.Inputs />
      <Register.EmailForm.Spacing percentage={3} />
      <Register.EmailForm.RegisterButton />
    </Register.EmailForm>
  );
};

export default FormWithSpacing;

Props

Prop	Type	Default	Description
percentage	number	required	Applied directly as the container View's flex value
style	StyleProp<ViewStyle>	undefined	Custom style overrides
testID	string	undefined	Test identifier

Features

• Theme-based Spacing: Uses theme spacing system for consistency
• Flexible Heights: Percentage-based or custom height values
• Layout Control: Helps create proper visual hierarchy
• Responsive: Adapts to different screen sizes through theme