https://github.com/danielc92/robust-react-ui
Typescript/React library of reusable components, which are robust, extensible and meet general accessibility guidelines.
https://github.com/danielc92/robust-react-ui
design-system reactjs side-project typescript
Last synced: 2 months ago
JSON representation
Typescript/React library of reusable components, which are robust, extensible and meet general accessibility guidelines.
- Host: GitHub
- URL: https://github.com/danielc92/robust-react-ui
- Owner: danielc92
- License: mit
- Created: 2021-04-25T04:52:05.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-12-21T04:31:10.000Z (over 4 years ago)
- Last Synced: 2025-11-02T03:24:04.369Z (8 months ago)
- Topics: design-system, reactjs, side-project, typescript
- Language: TypeScript
- Homepage:
- Size: 10.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
 [](https://app.netlify.com/sites/robust-react-ui/deploys)
# Robust React UI
A react library of components, which are robust, well tested, extensible and meet general accessibility guidelines.
## Documentation
[Click here](https://robust-react-ui.netlify.app/) to view the latest documentation.
## Getting started
`npm install robust-react-ui`
or with yarn
`yarn add robust-react-ui`
in app.tsx
```js
import React from 'react';
// Import CSS file
import 'robust-react-ui/build/styles/main.css';
import { Button, Typography } from 'robust-react-ui';
function App() {
return (
<>
Hello world
Click me
>
);
}
export default App;
```
## Maintainers
- [Daniel Corcoran](https://github.com/danielc92)
## Looking to contribute?
If you want to contribute, feel free to send me a message.
## Credits & Resources
### Design patterns & Accessibility
- [Index of ARIA Design Pattern Examples](https://www.w3.org/TR/wai-aria-practices/examples/)
- [ARIA Landmarks](https://www.w3.org/TR/wai-aria-practices/examples/landmarks/index.html)
- [Controlled components](https://reactjs.org/docs/forms.html#controlled-components)
### Styling
- [Top 50 Google Font Pairings [Handpicked by Pro Designers]](https://www.pagecloud.com/blog/best-google-fonts-pairings)
- [Pure CSS Navigation Bar](https://codepen.io/drweb/pen/VwYNjxG)
### Misc
- [Javascript event keycode debugger](https://keycode.info/)
- The base repo for this project was forked [from here](https://blog.harveydelaney.com/creating-your-own-react-component-library/).