Tailwind

1
import { Tailwind } from "@fileforge/react-print";
2
3
<Tailwind>
4
  <div className="bg-gradient-to-tr from-blue-500 to-blue-700 rounded-2xl p-12"></div>
5
  <p className="py-12 text-slate-800">
6
    This is a Tailwind component. All children of this component will have
7
    access to the Tailwind CSS classes.
8
  </p>
9
</Tailwind>;

1
import { Tailwind } from "@fileforge/react-print";
2
3
<Tailwind
4
  config={{
5
    theme: {
6
      extend: {
7
        colors: {
8
          primary: "#6484cf",
9
        },
10
      },
11
    },
12
  }}
13
>
14
  <div className="bg-primary p-12 rounded-2xl"></div>
15
  <p className="py-12 text-slate-800">
16
    This is a Tailwind component. All children of this component will have
17
    access to the Tailwind CSS classes.
18
  </p>
19
</Tailwind>;