Vega components

A React component library. Public and open to use, fork, or contribute.

Installation

npm install vega-react-components lucide-react

react-phone-number-input is only required if you use PhoneNumberInput:

npm install react-phone-number-input

Peer dependencies: react and react-dom (18+).

Usage

Import styles once in your app entry (e.g. Next.js layout.tsx):

import "vega-react-components/style.css";

Use components in a client boundary (Next.js App Router):

"use client";

import { Button } from "vega-react-components";

export function Example() {
  return <Button variant="primary">Click me</Button>;
}

Documentation

npm run storybook

Development

npm install
npm run build
npm test