Filigran docs

This playground is a light version, it's running only with the generated class from the library and basic tailwind class.

import { Button } from "filigran-ui";

export default function App() {
  return (
  <div className="p-s">
    <h2 className="txt-title">Hello world</h2>
    <div className="flex flex-wrap gap-s">
      <Button> Primary/Default </Button>
      <Button variant="secondary"> Secondary </Button>
      <Button variant="destructive"> Destructive </Button>
      <Button variant="outline"> Outline </Button>
      <Button variant="ghost"> Ghost </Button>
      <Button variant="link"> Link </Button>
    </div>
   </div>
  );
}

Open Sandbox

If you are looking for a embraced fully the FiligranUI library with the Tailwind library please use this url

https://codesandbox.io/p/devbox/filigran-ui-with-vite-starter-js63h4