ComponentsUpdated
PhoneNumberInput
PhoneNumberInput allows the user to fill in their phone number, including the country code.
Version 13.4.0 introduces the size prop, which accepts "sm" or "md" and defaults to "md".
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. | |
size | "sm" | "md" | defaults to "md" | |
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 |