Input

Template for action cards containing one or two inputs

Usage

<ActionCardInputTemplate title="Example Title" description="Example description for inptu template" inputFieldProps={{label: "Label", placeholder: "Placeholder", required: true}} onPress={() => console.log("Pressed 'Next' button")}/>

tip

See CustomInputField for full functionality and styling options for the input field.

Two Input Fields

<ActionCardInputTemplate title="Example Title" description="Example description for inptu template" inputFieldProps={{label: "Label", placeholder: "Placeholder", required: true}} inputFieldProps2={{label: "Second input field", placeholder: "Placeholder"}} onPress={() => console.log("Pressed 'Next' button")}/>

Props

Name	Type	Default	Description
title*	string	undefined	The card title
description*	string	undefined	The card description
inputFieldProps	InputFieldProps	undefined	The props for the first (top) input field. See props here
inputFieldProps2	InputFieldProps	undefined	The props for the second (bottom) input field. See props here
onPress	function () => any	undefined	Callback that is called when pressing the 'next' button.
disabled	boolean	undefined	Makes the button unclickable

*required