ResetPassword.Header.Description
The description component for the password reset header, providing instructional text to guide users through the reset process.
- Stable unknown
- Release candidate since 1.16.1-rc.3
- Development since 1.16.1-dev.2111+9796905
The description component for the password reset header, providing instructional text to guide users through the reset process.
Usage
Default Description
import { ResetPassword } from "@ovok/native";
const DefaultDescription = () => {
return <ResetPassword.Header.Description />;
};
export default DefaultDescription;Props
Every prop, with its type and description, is listed in the @ovok/native/auth API reference.
Default Styles
The description uses these default styles:
const defaultStyles = {
fontSize: 16,
fontFamily: "DMSans_400Regular",
lineHeight: 24,
color: colors.onSurfaceDisabled, // Muted text color
};Features
Typography
Uses consistent secondary typography:
// Default font: DMSans_400Regular
// Size: 16px
// Line height: 24px (1.5 ratio)
// Color: Muted/disabled surface colorLocalization
Automatically uses translation key:
// Default translation key: "reset-password.subtitle"
// Fallback: Displays translation key if not foundTheme Integration
Uses theme colors for consistent appearance:
// Uses theme.colors.onSurfaceDisabled by default
// Provides appropriate contrast with backgroundLocalization Keys
{
"reset-password": {
"subtitle": "Enter your email address and we'll send you instructions to reset your password."
}
}Last updated on