Tapendium Solid

reference based on tailwind design system

Headless UI

Tapendium's component library

Components Folder Structure

• Atoms
• Molecules
• Organisms
• Templates
• Views

Component Status

| Components | Overview | Resizing | Overrides | Responsive | Long Text | Base Changes | | :--------- | :------: | :------: | :-------: | :--------: | :-------: | -----------: | | Grid | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Text | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Box | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Center | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Divider | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Overlay | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Pressable | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | | Button | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ |

Build Storybook

npm run storybook:build

Deploying Infrastructure

npm run deploy:dev

This currently deploys the following:

• s3 hosting bucket

Note: Uat & Prod deploys are done in seed.

Deploying storybook website

npm run storybook:deploy-dev

npm run storybook:deploy-uat

npm run storybook:deploy-prod

Currently, website can be viewed on:

• DEV http://solid.dev.tapendium.io.s3-website-ap-southeast-2.amazonaws.com/
• UAT http://solid.uat.tapendium.io.s3-website-ap-southeast-2.amazonaws.com/
• PROD http://solid.tapendium.io.s3-website-ap-southeast-2.amazonaws.com/