Skip to content

Latest commit

 

History

History
55 lines (41 loc) · 915 Bytes

README.md

File metadata and controls

55 lines (41 loc) · 915 Bytes
Raw

Facet

A design system and web component library for Pulumi.

Usage

Facet is distributed as an npm package. To use it:

  1. Install package in the usual way:

    npm install @pulumi/facet

    yarn add @pulumi/facet

  2. 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,
    ],
});

  3. 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>

Development

nvm use
make clean ensure serve

More docs to come...