R1 UI Components

This repo provides UI components for the R1 web ecosystem.

React + TypeScript + Vite + Tailwind + Storybook

All the UI components should be small and reusable.
See ./lib/components/ for examples.

The ./src/App.tsx can be used as a demo area for the components, but the React app is NOT published.
This project uses the Vite Library configuration to rollup a UI lib for consumption in other web applications.

Quick start

Install the library

pnpm install --save @stellar-service-brands/r1-components

Run Application Instance and select form component to view

pnpm dev

Import a component and use it -

import { CareerLeadForm } from "@stellar-service-brands/r1-components";

export const Page = () => {
  return <CareerLeadForm />;
};

Development

To develop the components, install the dependencies and run the Storybook for realtime dev iteration.

pnpm install
pnpm run storybook

To add styles, use the Tailwind class names.
If you must use custom styles, use CSS modules in the component's folder.