ClearKit is a family of libraries to build UI at Clearbit.
yarn add clearkit
# Using npm
npm i clearkit --legacy-peer-deps
Make sure to include --legacy-peer-deps
if using npm, otherwise React and related dependencies will not be installed.
// tailwind.config.js
const clearkit = require('clearkit');
const { clearkitTheme } = clearkit;
module.exports = {
// other config
presets: [clearkitTheme],
};
Import clearkit.css into root JavaScript or CSS file
// index.js, index.ts, styles.css
@import 'clearkit/dist/clearkit.css';
import { CKButton } from 'clearkit';
const MyButton = () => (
<div className="mb-4">
<CKButton> My Button</CKButton>
</div>
);