CSS only React component library, built for static sites using NextJS or Gatsby.
MIT License
A library of components which can all be shipped with zero javascript using NextJS. For more complex components, including reactive animations, checkout tbsui.
Override default scss variables to style the library! If you want to use default values, import default-values.scss
pnpm i tbsui-ssr
pnpm i tbsui-ssr
_app.tsx
, import the stylesheets as follows:/*
You must specify css variables to theme this library, and provide a `tailwind-compatible.scss` file which defines tailwind-style values (or use the `default-variables.css` file from tbsui-ssr/dist/assets).
*/
import 'tbsui-ssr/dist/assets/default-variables.css' // Use defaults or specify your own compatible variables based on `default-variables.scss` and `tailwind-compatible.scss`
import 'tbsui-ssr/dist/assets/popup-message.css' // and or the stylesheets for whatever components you wish to use
import { PopupMessage } from 'tbsui-ssr'
const MyComponent = () => {
return <PopupMessage message="Hello World!" type="success" position="top-right" duration={5000} />
}