@meduza-bank/ui-kit v2.3.110
@meduza-bank/ui-kit
UI Kit of the bank of Meme World "Peoples Bank Memes" or "Meduza Bank"
Installation
Step 1 - Install package
If you use npm
npm i --save @meduza-bank/ui-kit@latest
If you use yarn
yarn add @meduza-bank/ui-kit@latest
Peer dependencies
Package | Description | Version |
---|---|---|
react | Default library | ^18.2.0 |
react-dom | Render library | ^18.2.0 |
react-hook-form | Form library | 7.45.4 |
lucide-react | Icon library | ^0.268.0 |
@hookform/resolvers | Validation resolve form library | ^3.3.0 |
zod | Validation library | ^3.22.2 |
Step 2 (if you use with tailwind css) - import in tailwind.config.ts
const conf = require("@meduza-bank/ui-kit/tailwind.config");
/** @type {import('tailwindcss').Config} */
module.exports = {
...conf,
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
],
prefix: undefined
}
import { Config } from 'tailwindcss';
// @ts-ignore
import conf from "@meduza-bank/ui-kit/tailwind.config";
export default {
...conf,
content: [
'./pages/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}',
],
prefix: "as-"
} satisfies Config;
prefix
is REQUIRED
Step 3 - import in project
import sfUiFont from "@meduza-bank/ui-kit/sf-ui-stylesheet.css"; // SF UI font
import vkSansFont from "@meduza-bank/ui-kit/vk-sans-stylesheet.css"; // VK Sans font
import meduzaStyles from "@meduza-bank/ui-kit/style.css"; // Production styles
import meduzaStylesSRC from "@meduza-bank/ui-kit/src-style.css"; // Tailwind styles (if you use with tailwind css)
// If using remix
import { Links } from "@remix-run/react";
export const links: LinksFunction = () => [
{
href: sfUiFont,
rel: "stylesheet"
},
{
href: vkSansFont,
rel: "stylesheet"
},
{
href: meduzaStyles,
rel: "stylesheet"
},
{
href: meduzaStylesSRC,
rel: "stylesheet"
},
// ...
];
Step 4 - use the package
Others
This package builded with shadcn/ui
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago