Sha256: 201e642bedceb2c3e9da95a1215a725952dba7c627afc7bc42ec14a406866004
Contents?: true
Size: 618 Bytes
Versions: 16
Compression:
Stored size: 618 Bytes
Contents
import React, { useState } from "react";
import { PhoneNumberInput, Body } from "playbook-ui";
const PhoneNumberInputFormat = (props) => {
const [phoneNumber, setPhoneNumber] = useState("");
const handleOnChange = ({ number }) => {
setPhoneNumber(number);
};
return (
<>
<PhoneNumberInput
formatAsYouType
id="format"
onChange={handleOnChange}
{...props}
/>
{phoneNumber && <Body>Unformatted number: {phoneNumber}</Body>}
</>
);
};
export default PhoneNumberInputFormat;
Version data entries
16 entries across 16 versions & 2 rubygems