https://github.com/iaseth/redpapr-npm-package
https://github.com/iaseth/redpapr-npm-package
nextjs npm-package react react-components redpapr tailwindcss typescript ui
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/iaseth/redpapr-npm-package
- Owner: iaseth
- Created: 2023-10-20T06:07:58.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-18T18:18:13.000Z (12 months ago)
- Last Synced: 2024-11-19T07:20:56.058Z (11 months ago)
- Topics: nextjs, npm-package, react, react-components, redpapr, tailwindcss, typescript, ui
- Language: TypeScript
- Homepage: https://ui.redpapr.com/
- Size: 533 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# redpapr
[`redpapr`](https://www.npmjs.com/package/redpapr) is an npm package containing [Redpapr UI](https://ui.redpapr.com)
components that are used across all [Redpapr](https://www.redpapr.com) websites.
## Table of contents
* [redpapr](#redpapr)
* [Table of contents](#table-of-contents)
* [Installation](#installation)
* [Setup](#setup)
## Installation
You can install [`redpapr`](https://www.npmjs.com/package/redpapr) with the following command:
```
npm i redpapr
```
## Setup
* Add the following path to your `tailwind.config.js`:
```
content: [
// add the line below
'./node_modules/redpapr/dist/**/*.{js,ts,jsx,tsx,mdx}',
],
```
* Import the following `CSS` file in your project:
```
import '../node_modules/redpapr/css/redpapr.css';
```
Now you should be able to import and use Redpapr UI components in your project.