Skip to content

pulumi/facet

Folders and files

NameName
Last commit message
Last commit date
Jul 30, 2023
Sep 16, 2024
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Aug 21, 2021
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Jul 30, 2023
Sep 16, 2024

Repository files navigation

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