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

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

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.

npm install
npm run storybook

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