1.5.1 • Published 5 months ago
@tastit/ui-kit v1.5.1
Tastit UI-KIT
Tech:
- Next typescript
- tailwind
How to use it?
npm install @tastit/ui-kit
- update your tailwind configuration file
tailwind.config.js
:
/** @type {import('tailwindcss').Config} */
export default {
content: [
'./index.html',
'./src/**/*.{js,ts,jsx,tsx}',
'./node_modules/@tastit/ui-kit/src/**/*.{js,ts,jsx,tsx}',
],
presets: [require('@tastit/ui-kit/tailwind.config.js')],
};
- import the global css in you main tsx file (
main.tsx
orApp.tsx
):
import '@tastit/ui-kit/src/global.css';
- use the components:
import { Button } from '@tastit/ui-kit';
Contribute
You can add global CSS in src/global.css
.
How to clean code
- use tailwind alias to avoid long
className
string - create react function component:
export function Button(props: ButtonProps) {}
- or
export const Button = (props: ButtonProps) => {}
- or
- create one folder per component with
- component
- unit tests
- storybook stories
1.6.0-next.2
5 months ago
1.6.0-next.1
5 months ago
1.5.1
5 months ago
1.5.0
5 months ago
1.5.1-next.1
5 months ago
1.5.0-next.1
5 months ago
1.4.0-next.9
5 months ago
1.5.0-next.2
5 months ago
1.4.0-next.6
5 months ago
1.4.0-next.7
5 months ago
1.4.0-next.8
5 months ago
1.4.0-next.5
6 months ago
1.4.0-next.3
6 months ago
1.4.0-next.4
6 months ago
1.4.0-next.2
6 months ago
1.4.0-next.1
7 months ago
1.4.0
7 months ago
1.3.0-next.13
7 months ago
1.3.0-next.12
7 months ago
1.3.0-next.11
7 months ago
1.3.0
8 months ago
1.3.0-next.10
8 months ago
1.3.0-next.9
8 months ago
1.3.0-next.8
8 months ago
1.3.0-next.7
8 months ago
1.3.0-next.6
8 months ago
1.3.0-next.5
8 months ago
1.3.0-next.4
8 months ago
1.3.0-next.3
8 months ago
1.3.0-next.2
8 months ago
1.3.0-next.1
8 months ago
1.2.0
8 months ago
1.1.5
8 months ago
1.1.4
8 months ago
1.1.3
8 months ago
1.1.2
8 months ago
1.1.1
8 months ago
1.1.0
8 months ago
1.0.0
8 months ago
0.0.0-development
8 months ago
0.0.0
8 months ago