react-verification-input icon indicating copy to clipboard operation
react-verification-input copied to clipboard

`characterProps` is not exposed

Open andrehadianto opened this issue 1 year ago • 1 comments

As the title says, the character-container is not exposed as props. This forces the user to use css styling to customise the character-container's look.

Having character-container exposed would be a great addition to this wonderful code input.

A suggestion to the finalised prop:

<VerificationInput
  characterProps={{}}
  ...
/>

andrehadianto avatar Jul 23 '24 14:07 andrehadianto

You can pass class names to the character elements, see here: https://github.com/andreaswilli/react-verification-input?tab=readme-ov-file#custom-styling This allows you to use you own classes or use something like Tailwind.

Passing other props is currently not possible. Can you make an example of how you wanted to style the component?

andreaswilli avatar Jul 28 '24 10:07 andreaswilli