https://github.com/adara-cs/ui-kit-web
UI Kit For Web Applications
https://github.com/adara-cs/ui-kit-web
js ts typescript ui uikit web
Last synced: about 1 year ago
JSON representation
UI Kit For Web Applications
- Host: GitHub
- URL: https://github.com/adara-cs/ui-kit-web
- Owner: adara-cs
- License: mit
- Created: 2024-12-08T14:58:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-12T19:37:52.000Z (about 1 year ago)
- Last Synced: 2025-04-12T20:29:29.561Z (about 1 year ago)
- Topics: js, ts, typescript, ui, uikit, web
- Language: TypeScript
- Homepage: https://adara-cs.github.io/ui-kit-web/
- Size: 4.64 MB
- Stars: 4
- Watchers: 0
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Adara UI Monorepo
React component library, written by developers for developers 🩵
## Installation
Install @adara-cs/ui-kit-web with
**npm:**
```bash
npm i @adara-cs/ui-kit-web
```
**yarn:**
```bash
yarn add @adara-cs/ui-kit-web
```
## Start
Connect the styles first. You can do this using a js file, however, we recommend that you connect using ``@import`` and defining layers so that there are no conflicts with specificity.
```css
@import url('@/shared/styles/normalize.css') layer(reset);
@import url('@adara-cs/ui-kit-web/style') layer(library);
@layer reset, library, components, overrides;
```
Setup fonts
**Next:**
```typescript jsx
import { Montserrat } from 'next/font/google';
const montserratSans = Montserrat({
subsets: ['latin', 'cyrillic'],
display: 'swap',
weight: ['400', '500', '700', '900']
});
```
**Google Fonts:**
```html
```
Start using
```typescript
import { Button } from '@adara-cs/ui-kit-web';
...
Hello, world!
```
## Running Tests
To run tests, run the following command
```bash
npm run test
```
## Contributing
Contributions are always welcome!
See `contributing.md` for ways to get started.
Please adhere to this project's `code of conduct`.