ManuallyRequestSheet.SkipButton
Secondary action button component that allows users to dismiss or skip authorization requests with Material Design text styling and theme integration.
Quick Example
import { DataSync } from "@ovok/native";
import React from "react";
const SkipButtonExample = () => {
const handleSkip = () => {
console.log("User skipped authorization");
};
return (
<DataSync.ManuallyRequestSheet.SkipButton onPress={handleSkip}>
Skip
</DataSync.ManuallyRequestSheet.SkipButton>
);
};
export default SkipButtonExample;
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
children | React.ReactNode | ✓ | - | Button text content |
mode | ButtonMode | - | text | Button style mode |
onPress | () => void | - | - | Button press handler |
disabled | boolean | - | false | Disable button |
testID | string | - | - | Test identifier |
Inherits all ButtonProps from react-native-paper
Styling
Theme Colors Used
theme.colors.primary- Text color for all button modes- Transparent background (default text mode)
Related Components
- ManuallyRequestSheet.RequestButton - Primary action button typically used alongside
- ManuallyRequestSheet.Container - Container that holds the button
- ManuallyRequestSheet - Modal that the button typically dismisses