@rayvelez/findash-ui 1.0.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
# @findash
|
|
1
|
+
# @rayvelez/findash-ui
|
|
2
2
|
|
|
3
3
|
A modern financial dashboard design system built with React and Tailwind CSS. Features a vibrant green and purple color palette with dark mode support, liquid glass effects, and beautifully crafted dashboard components.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install @findash
|
|
8
|
+
npm install @rayvelez/findash-ui
|
|
9
9
|
# or
|
|
10
|
-
yarn add @findash
|
|
10
|
+
yarn add @rayvelez/findash-ui
|
|
11
11
|
# or
|
|
12
|
-
pnpm add @findash
|
|
12
|
+
pnpm add @rayvelez/findash-ui
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## Setup
|
|
@@ -20,7 +20,7 @@ Add the theme CSS to your application's entry point:
|
|
|
20
20
|
|
|
21
21
|
```tsx
|
|
22
22
|
// In your main.tsx or App.tsx
|
|
23
|
-
import "@findash
|
|
23
|
+
import "@rayvelez/findash-ui/styles";
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
### 2. Configure Tailwind
|
|
@@ -29,13 +29,13 @@ Add the preset to your `tailwind.config.ts`:
|
|
|
29
29
|
|
|
30
30
|
```ts
|
|
31
31
|
import type { Config } from "tailwindcss";
|
|
32
|
-
import findashPreset from "@findash
|
|
32
|
+
import findashPreset from "@rayvelez/findash-ui/tailwind.preset";
|
|
33
33
|
|
|
34
34
|
export default {
|
|
35
35
|
presets: [findashPreset],
|
|
36
36
|
content: [
|
|
37
37
|
"./src/**/*.{ts,tsx}",
|
|
38
|
-
"./node_modules/@findash
|
|
38
|
+
"./node_modules/@rayvelez/findash-ui/dist/**/*.{js,mjs}",
|
|
39
39
|
],
|
|
40
40
|
// ... rest of your config
|
|
41
41
|
} satisfies Config;
|
|
@@ -66,7 +66,7 @@ Add to your `index.html`:
|
|
|
66
66
|
import {
|
|
67
67
|
DashboardTemplate,
|
|
68
68
|
type DashboardData,
|
|
69
|
-
} from "@findash
|
|
69
|
+
} from "@rayvelez/findash-ui";
|
|
70
70
|
|
|
71
71
|
const dashboardData: DashboardData = {
|
|
72
72
|
user: {
|
|
@@ -138,7 +138,7 @@ import {
|
|
|
138
138
|
FloatingNavBar,
|
|
139
139
|
Sidebar,
|
|
140
140
|
MobileNav,
|
|
141
|
-
} from "@findash
|
|
141
|
+
} from "@rayvelez/findash-ui";
|
|
142
142
|
|
|
143
143
|
// Sales Statistics Card
|
|
144
144
|
<SalesStatisticsCard
|
|
@@ -278,7 +278,7 @@ import type {
|
|
|
278
278
|
ForecastItem,
|
|
279
279
|
ActionItem,
|
|
280
280
|
UserInfo,
|
|
281
|
-
} from "@findash
|
|
281
|
+
} from "@rayvelez/findash-ui";
|
|
282
282
|
```
|
|
283
283
|
|
|
284
284
|
## License
|
package/package.json
CHANGED