CreditCardNumber

CreditCardNumber is built on top of Material-UI's OutlinedInput and provides an <input> element that will format the 4 groups of digits of a credit-card number automatically for you.

Default

Controlled value validation

Disabled

Extended

This component was extended using styled() from styled-components.

Props

This component extends Material's UI <OutlinedInput> so you can use all its props as well. Check out its Api.

The ref will be forwarded to the html root element, as well as any other props.