rci
🔢 better code inputs for react/web (by leonardodino)
block-code
A fully customizable, one-time password input component for the web built with React (by euisoft)
| rci | block-code | |
|---|---|---|
| 2 | 1 | |
| 902 | 12 | |
| - | - | |
| 2.6 | 2.4 | |
| almost 2 years ago | 8 months ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
rci
Posts with mentions or reviews of rci.
We have used some of these posts to build our list of alternatives
and similar projects.
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
block-code
Posts with mentions or reviews of block-code.
We have used some of these posts to build our list of alternatives
and similar projects.
-
I made a new input component for 2FA/OTP/Passcode
I made a new input component for 2FA/OTP/Passcode and name it as block-code. Please check out the storybook here
What are some alternatives?
When comparing rci and block-code you can also consider the following projects:
gincko - Build complex, smart forms or inputs-based UIs in seconds.
otplib - :key: One Time Password (OTP) / 2FA for Node.js and Browser - Supports HOTP, TOTP and Google Authenticator
react-math-keyboard - A customizable math keyboard for React
react-headless-passcode - A headless library for Passcode component
zag - Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines
a12n-server - An open source lightweight OAuth2 server