Rounded borders around the value with a underlined placeholder

40818419 / react-code-input

React component for entering and validating PIN code.

MIT License

314 stars 129 forks source link

Open billsbooth opened 7 months ago

billsbooth commented 7 months ago

Any idea how to recreate the UI below:

Can't use outlines or box shadows; one cannot be rounded, the other one doesn't have separation between the border.
Can't use background images since they cannot exceed the div's bounding box