Getting started

Installation

Install pyro in your project via NPM or use a CDN.

npm

npm install pyro

CDN

<script src="https://unpkg.com/pyro/dist/all.js" type="module"></script>
<!-- importing all elements is quick, but not recommended-->

Framework & Editor integration

If using a framework like Vue or React, check the Frameworks page for better DX.

Usage

Import the components you need.

import

import 'pyro/button'

HTML/CDN

<script src="https://unpkg.com/pyro/dist/button.js" type="module"></script>

Use it in your project

HTML

<pyro-button variant="primary">Click me</pyro-button>
<!-- el.addEventListener('input', ({event}) => { event.detail }) -->

Vue

<pyro-button variant="primary" @click="handleClick">Click me</pyro-button>

React/Preact

<pyro-button variant="primary" onClick="handleClick">Click me</pyro-button>