aws-amplify / aws-amplify/amplify-ui

Add TailwindCSS as an example on Guides in the UI docs

Open
#3,151 0 comments 14 reactions 0 assignees View on GitHub
Documentation feature-request Theming
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.