Full Name Fields

Displaying a grouped input with first name and last name, usable in a controlled manner.

• Import

  import { FullNameFields } from '@smile/haring-react';
• Extends Flex TextInput
• Source View Source Code
• Package @smile/haring-react

Storybook Docs

Props

Name	Type	Default	Description
firstNameProps	TextInputProps	-	extends text input props If configured, the changes will apply to the firstName input
lastNameProps	TextInputProps	-	extends text input props If configured, the changes will apply to the lastName input
onChange	((value: IFullNameFieldsValues) => void)	-	Callback function returning the value of the input that has just been changed
value	IFullNameFieldsValues	-	Allows setting the values of the two text input fields
...	-	-	extends flex props

IFullNameFieldsValues

Name	Type	Default	Description
firstName	string	-	Value of first name field
lastName	string	-	Value of last name field