@tapendium/solid

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/