A design system and web component library for Pulumi.
Facet is distributed as an npm package. To use it:
-
Install package in the usual way:
npm install @pulumi/facetyarn add @pulumi/facet -
Import it into your project with the module bundler of your choice:
import { initDesignSystem, PulumiButton } from "@pulumi/facet"; initDesignSystem({ mode: "light", theme: "web", components: [ PulumiButton, ], }); -
Use the components:
<html> <head> <meta charset="utf-8"> <title>My Website</title> </head> <body> <pulumi-button>Hellos 👋</pulumi-button> <script src="dist/bundle.js"></script> </body> </html>
nvm use
make clean ensure serve
More docs to come...