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 |
|---|---|---|---|
disabled | boolean | ||
endElement | React.ReactNode | Use the 24px icons | |
errorText | React.ReactNode | Display error text for the component | |
helperText | React.ReactNode | Display helper text for the input | |
invalid | boolean | ||
label | string | A descriptive label | |
readonly | boolean | ||
required | boolean | ||
startElement | React.ReactNode | Use the 24px icons | |
variant | "core" | "floating" | Defaults to core. |