Botalist component library

Built on React 18-19 with Tailwind v3 (peer dependencies)

Installation

• Dev peer deps: yarn add -D tailwindcss@3 postcss autoprefixer
• Production peer deps: yarn add @radix-ui/react-slot tailwindcss-animate lucide-react

Usage

CSS

• Colors
• Fonts for heading, main, landing and app

Atoms

• Button, CustomLink (), Input, Card
• Typography:

  landing and app, <h...> landing and app

Molecules

• NavBar
  • Conditionally includes a FeedbackWidget
  • !! Make sure to pass FeedbackWidget from downstream users, otherwise the one from the whitelabel will be used with generic text.
• Footer
• ConsentBanner, needs GA4 measurement id
• SimpleToast
• AnimatedHeroText

utils

• utils
• analytics

Services

• ConsentService

Publishing

• Add new exports to client/src/lib-index.ts
  • If adding new folders, update vite.lib.config.ts

TODO

• Replace span and div li, ul with custom Element Span Div
• SimpleToast downstream customization + colors