rci
react-math-keyboard

rci | react-math-keyboard | |
---|---|---|
2 | 3 | |
902 | 73 | |
- | - | |
2.6 | 8.4 | |
almost 2 years ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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
-
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.
react-math-keyboard
- For the devs around here, I've built a customizable math keyboard that you can integrate in your apps
-
I've built a customizable math keyboard for React apps
It's always a pain to type Math on the web, and it's especially true on mobile. If you need to build an app in which you expect users to type math, this keyboard should fit all your needs ! You can test it live here. Any feedback is welcomed ! Cheers
What are some alternatives?
block-code - A fully customizable, one-time password input component for the web built with React
react-native-datefield - A simple React Native date input component
gincko - Build complex, smart forms or inputs-based UIs in seconds.
rich-textarea - A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.
zag - Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
react-pin-field - š React component for entering PIN codes.
image-to-totp - š Convert QR images to TOTP codes
react-international-phone - āļø International phone input component for React
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-currency-input-field - React component for an input field
a12n-server - An open source lightweight OAuth2 server
runmath - Do math, quickly š - A keyboard-first calculator for Windows
