aws-amplify / aws-amplify/amplify-ui
Add TailwindCSS as an example on Guides in the UI docs
- Dominant language
- TypeScript
- Stars
- 1.1k
- Forks
- 347
- Avg merge
- 18h 29m
- Merged PRs (30d)
- 9
Description
### On which framework/platform would you like to see this feature implemented?
React, Angular, Vue, React Native
### Which UI component is this feature-request for?
Other
### Please describe your feature-request in detail.
I constantly receive feedback from customers about wanting to use Amplify UI with their own CSS in JS library. I think we need to make it clear that they can use TailwindCSS, and elevate visibility on that beyond just in the guides.
### Please describe a solution you'd like.
Make it clearer in the setup or theming that you can bring in your preferred CS in JS library. And add TailwindSS to the guides section of this page https://ui.docs.amplify.aws/react/guides/css-in-js
### We love contributors! Is this something you'd be interested in working on?
- [ ] 👋 I may be able to implement this feature request.
- [ ] ⚠️ This feature might incur a breaking change.
Contributor guide
Research direction
Start with the React CSS-in-JS guide at https://ui.docs.amplify.aws/react/guides/css-in-js and review how existing library examples are presented. Add TailwindCSS as a guide example and clarify where users can bring their preferred CSS-in-JS library; confirm the page communicates the intended setup and theming path.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss
- Domain
- documentation, frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100