yaret-ui
v1.0.7
Published
YaretUI components - React -Tailwind
Downloads
7
Readme
YaretUI
YaretUI is a components library built with React + TypeScript + TailwindCss
Status
Install
Install with npm or yarn
npm install yaret-ui
or
yarn add yaret-ui
Quick Start
import component from yaret-ui
import { Input, Button } from 'yaret-ui';
function App() {
return (
<div>
<Input />
<Button>Click</Button>
</div>
);
}
Custom colors
- create styles.css file
:root {
--color-primary: 45 85 155;
--color-secondary: 139 58 98;
--color-success: 50 168 82;
--color-error: 231 76 60;
--color-warning: 253 203 88;
--color-info: 52 152 219;
--color-light: 245 245 245;
--color-dark: 2 6 23;
}
- Import styles.css file in main.tsx
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css';
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<App />
</React.StrictMode>,
)
Components
Visit Storybook view all components