Components
PhoneNumberInput
PhoneNumberInput allows the user to fill in their phone number, including the country code.
Code examples
<PhoneNumberInput />
Guidelines
PhoneNumberInput takes in the same props as Input, in addition to some others.
Use it to secure the country code in addition to the users phone number. The input only takes in numbers as a value.
Code
<PhoneNumberInput />
import { PhoneNumberInput } from "@vygruppen/spor-react";
Props
Name | Type | Required? | Description |
|---|---|---|---|
onValueChange | (change: CountryCodeAndPhoneNumber) => void | Own functional callback for the two values. |
<Input />
import { Input } from "@vygruppen/spor-react";
Props
Name | Type | Required? | Description |
|---|---|---|---|
label | string | A descriptive label | |
variant | "core" | "floating" | Defaults to core. | |
startElement | React.ReactNode | Use the 24px icons | |
endElement | React.ReactNode | Use the 24px icons | |
disabled | boolean | ||
invalid | boolean | ||
errorText | React.ReactNode | Display error text for the component | |
readonly | boolean | ||
required | boolean | ||
helperText | React.ReactNode | Display helper text for the input |