https://github.com/pulumi/facet

A web component library and design system for Pulumi.
https://github.com/pulumi/facet

components design-system

Last synced: 27 days ago
JSON representation

A web component library and design system for Pulumi.

• Host: GitHub
• URL: https://github.com/pulumi/facet
• Owner: pulumi
• Created: 2021-02-01T20:02:24.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-09-19T11:29:18.000Z (5 months ago)
• Last Synced: 2024-12-06T07:15:52.591Z (2 months ago)
• Topics: components, design-system
• Language: TypeScript
• Homepage: https://facet.pulumi-dev.io
• Size: 5.26 MB
• Stars: 3
• Watchers: 20
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.json

Awesome Lists containing this project

README

        
# Facet

A design system and web component library for Pulumi.

## Usage

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

3. Install package in the usual way:

    ```

    npm install @pulumi/facet

    ```

    ```

    yarn add @pulumi/facet

    ```

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

        ],

    });

    ```

5. Use the components:

    ```

    

    

            

            My Website

    

    

            Hellos 👋

            

    

    

    ```

## Development

```

nvm use

make clean ensure serve

```

More docs to come...