Skip to main content

text-input

text-inputs​

//floating-input
const Inputs = () => {
return (
<LabelInput
label="this is label"
wsize={200}
bg={Theme.activeColors.info}
/>
);
};

export default Inputs;

Api References floating

ParameterTypeDescription
labelstringyour input lable
titleActiveSizenumbertitle size for label if label is active
titleInActiveSizenumbertitle size for label if label is not active
titleActiveColorstringtitle color for label if label is active
titleInactiveColornumbertitle color for label if label is not active
fsnumberfont size
fFstring or objectfont family
fWnumberfont weight
txpstringtext align
clstringcolor
wsizenumber or stringwidth
hsizenumber or stringheight
capstringautoCapitalize
autoCompletebooleanautoComplete
holderstringplace holder
defaultValstringdefaultValue
cColorstringplaceholderTextColor
readbooleaneditable
inputTypestringkeyboardType
numLinenumberfont weight
hidebooleansecureTextEntry
bgstringbackgroundColor
styleanyyour custom styles

simple-input​

//simple-input
const Inputs = () => {
return <Input holder="simple form" />;
};

export default Inputs;

Api References simple-input

ParameterTypeDescription
labelstringyour input lable
titleActiveSizenumbertitle size for label if label is active
titleInActiveSizenumbertitle size for label if label is not active
titleActiveColorstringtitle color for label if label is active
titleInactiveColornumbertitle color for label if label is not active
fsnumberfont size
fFstring or objectfont family
fWnumberfont weight
txpstringtext align
clstringcolor
wsizenumber or stringwidth
hsizenumber or stringheight
capstringautoCapitalize
autoCompletebooleanautoComplete
holderstringplace holder
defaultValstringdefaultValue
cColorstringplaceholderTextColor
readbooleaneditable
inputTypestringkeyboardType
numLinenumberfont weight
hidebooleansecureTextEntry
bgstringbackgroundColor
brnumberborderRadius
bWidthnumber or stringborderWidth
bColorstringborderColor
styleanyyour custom styles