@pedaki/design v0.5.3
@pedaki/design
Imports
You need to use this tsconfig:
{
"compilerOptions": {
"module": "node16",
"moduleResolution": "node16"
}
}
or more recent.
If you are using Next.js
, add this in your configuration:
experimental: {
esmExternals: true;
}
Icons
Most of the icons comes from lucide or remixicon.
Tailwind
Add this to your tailwind.config.js
:
module.exports = {
content: ['node_modules/@pedaki/design/**/*.{js,ts,jsx,tsx,mdx}', "src/**/*.{js,ts,jsx,tsx,mdx}"],
presets: [require('@pedaki/design/tailwind/tailwind.config')],
};
And import the global styles in your layout.tsx
:
import '@pedaki/design/styles.css';
Color system
We are using radix color system.
- Radix Colors: https://www.radix-ui.com/colors
20 days ago
2 months ago
3 months ago
3 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago