From 90ed554c8103831cc81c0fb4b8c6181ddb3b7cd1 Mon Sep 17 00:00:00 2001 From: Slapbox Date: Tue, 10 May 2022 19:34:38 -0400 Subject: [PATCH 1/2] Add customizable labelStyle --- src/Input.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Input.tsx b/src/Input.tsx index 50ef92f..f584611 100644 --- a/src/Input.tsx +++ b/src/Input.tsx @@ -17,6 +17,7 @@ import PropTypes from "prop-types"; export interface DialogInputProps extends TextInputProps { label?: ReactNode; + labelStyle?: StyleProp; wrapperStyle?: StyleProp; textInputRef?: LegacyRef; } @@ -25,6 +26,7 @@ const DialogInput: React.FC = (props) => { const { label, style, + labelStyle, wrapperStyle, textInputRef, multiline, @@ -37,7 +39,7 @@ const DialogInput: React.FC = (props) => { const { styles, isDark } = useTheme(buildStyles); return ( - {label && {label}} + {label && {label}} Date: Tue, 10 May 2022 19:37:51 -0400 Subject: [PATCH 2/2] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 50a3efc..d6250e8 100644 --- a/README.md +++ b/README.md @@ -184,6 +184,7 @@ const styles = StyleSheet.create({ | Name | Type | Default | Description | | ------------ | ------ | --------- | ------------------------------------------- | | label | string | undefined | The input floating label | +| labelStyle | any | undefined | The style applied to the input label Text | | wrapperStyle | any | undefined | The style applied to the input wrapper View | | textInputRef | ref | undefined | Ref to the input |