0.0.84 • Published 11 months ago
dragontail-experimental v0.0.84
Minimal component library built with TailwindCSS and React
Heavily inspired by ChakraUI
Installation
yarn add dragontail-experimental
Supported exports
import {
Button,
DragontailProvider,
Drawer,
FormControl,
FormErrorMessage,
FormHelperText,
FormLabel,
Input,
Menu,
MenuButton,
MenuDivider,
MenuItem,
MenuList,
PasswordInput,
Select,
Switch,
Textarea,
ToastProvider // automatically wrapped within `DragontailProvider`,
useToast, // this is called in a functional component to show a toast message
} from "dragontail-experimental";
Get Started
Next.js
// pages/_app.tsx
import type { AppProps } from "next/app";
import { DragontailProvider } from "dragontail-experimental";
import "dragontail/dist/build.css"; // for non-tailwind projects
// OR
import "dragontail/dist/base.css"; // for tailwind projects
const App = ({ Component, pageProps }: AppProps) => {
return (
<DragontailProvider theme="light">
<Component {...pageProps} />
</DragontailProvider>
);
};
export default App;
Create React App
// app.tsx
import { DragontailProvider } from "dragontail-experimental";
import "dragontail/dist/build.css"; // for non-tailwind projects
// OR
import "dragontail/dist/base.css"; // for tailwind projects
export const App = () => {
return (
<DragontailProvider theme="light">
<div>...</div>
</DragontailProvider>
);
};
TailwindCSS Config
For react projects already using TailwindCSS, add the following content to your TailwindCSS configuration file:
module.exports = {
content: [
...
"node_modules/dragontail-experimental/dist/cjs/index.js"
]
};
0.0.84
11 months ago
0.0.80
1 year ago
0.0.81
1 year ago
0.0.82
1 year ago
0.0.83
1 year ago
0.0.73
1 year ago
0.0.74
1 year ago
0.0.75
1 year ago
0.0.76
1 year ago
0.0.77
1 year ago
0.0.78
1 year ago
0.0.71
1 year ago
0.0.72
1 year ago
0.0.66
1 year ago
0.0.67
1 year ago
0.0.68
1 year ago
0.0.69
1 year ago
0.0.70
1 year ago
0.0.62
2 years ago
0.0.63
2 years ago
0.0.61
2 years ago
0.0.43
2 years ago
0.0.45
2 years ago
0.0.60
2 years ago
0.0.50
2 years ago
0.0.42
2 years ago
0.0.40
2 years ago
0.0.33
2 years ago
0.0.28
2 years ago
0.0.29
2 years ago
0.0.25
2 years ago
0.0.26
2 years ago
0.0.27
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.21
2 years ago
0.0.20
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago