3w3m-leva

npm

[![npm (tag)](https://img.shields.io/npm/v/leva?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/leva) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/leva?style=flat&colorA=000000&colorB=000000&label=gzipped)](https:/

Versions collected1

Direct dependencies14From release 0.9.35

Last observed20 Oct, 19:54 UTC

README

Current package documentation

GitHub Workflow Status

A GUI you are going to lava.

Customizable, extensible and beautiful by default.

Storybook

_{by Poimandres}

🚧🚧 This repo is under heavy development 🚧🚧

Features

⭐️ Beautiful by default
🎚 More than 12 different kinds of inputs available
🧐 Smart input type recognition
🔌 Easy-to-make plugins
✅ Keyboard accessible
⚡️ No setup necessary

Installation

npm i leva

Quick start

Simply call the useControls hook from anywhere in your app:

import { useControls } from 'leva'

function MyComponent() {
  const { name, aNumber } = useControls({ name: 'World', aNumber: 0 })

  return (
    <div>
      Hey {name}, hello! {aNumber}
    </div>
  )
}

NOTE: Using Leva with React 18 will cause a console error about createRoot which you can safely ignore, or fix by following the instructions here: discussion

Documentation

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Versions 1

Collected releases

Version	Published	Direct dependencies	Open version
0.9.35Registry latest	5 Aug 2023	14

Package advisories

No matching advisories collected

This describes our collected data; it is not a security assessment.

Repository

PENDING

str11ngfello/leva

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 19:54 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package:cd8a04d6c7467e690abcaafa57781025e919ef6a105c24deba5a86a3efd3e7f7

_{Andrew Prifer} 🤔 💻	_Aria 🤔	_{David Bismut} 🤔 💻	_{Dmitry Ivakhnenko} 💻	_Gianmarco 🤔 💻	_{Guido Vizoso} 💻	_Han 🎨
_{Ivan Rossi} 🐛	_{Laurin Quast} 💻 🤔	_{Marco Fugaro} 🤔	_{Marco Ludovico Perego} 🤔	_{Piotr Monwid-Olechnowicz} 📖	_{clementcassajus} 🎨	_{thephoenixofthevoid} 🐛