Skip to content

chore: adding twrnc/tailwind css docs#17424

Merged
georgewrmarshall merged 6 commits into
mainfrom
cursor/develop-tailwind-css-onboarding-guide-5e8d
Jul 22, 2025
Merged

chore: adding twrnc/tailwind css docs#17424
georgewrmarshall merged 6 commits into
mainfrom
cursor/develop-tailwind-css-onboarding-guide-5e8d

Conversation

@georgewrmarshall

Copy link
Copy Markdown
Contributor

Description

This PR adds comprehensive Tailwind CSS documentation for MetaMask Mobile developers. The new documentation provides a complete guide for getting started with Tailwind CSS and TWRNC (Tailwind React Native Classnames) in the mobile codebase.

Changes made:

  • Added docs/tailwind.md with comprehensive setup and usage guide

This documentation will help developers:

  • Understand how Tailwind CSS works in the React Native context
  • Set up proper tooling for the best developer experience
  • Learn the correct patterns for using Tailwind classes
  • Navigate between twClassName props and useTailwind hook usage
  • Follow established best practices and get help when needed

Changelog

CHANGELOG entry: Added comprehensive Tailwind CSS documentation guide for mobile developers

Related issues

Fixes: N/A

Manual testing steps

  1. Navigate to the docs/tailwind.md file in the repository
  2. Verify all sections are properly formatted and readable
  3. Check that all code examples are syntactically correct
  4. Ensure all internal links work correctly
  5. Verify external links to contributor docs and design system resources are accessible
  6. Test that the documentation covers the full developer workflow from setup to advanced usage

Screenshots/Recordings

After

twdocs720.mov

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

@georgewrmarshall georgewrmarshall self-assigned this Jul 21, 2025
@georgewrmarshall georgewrmarshall added No QA Needed Apply this label when your PR does not need any QA effort. team-design-system All issues relating to design system in Mobile No E2E Smoke Needed no-changelog no-changelog Indicates no external facing user changes, therefore no changelog documentation needed labels Jul 21, 2025
@georgewrmarshall georgewrmarshall changed the title chore: adding docs chore: adding tailwidn css docs Jul 21, 2025
@github-actions

Copy link
Copy Markdown
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@georgewrmarshall georgewrmarshall changed the title chore: adding tailwidn css docs chore: adding twrnc/tailwind css docs Jul 21, 2025
@georgewrmarshall georgewrmarshall marked this pull request as ready for review July 21, 2025 17:48
@georgewrmarshall georgewrmarshall requested review from a team and Copilot July 21, 2025 17:48

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds comprehensive Tailwind CSS documentation for MetaMask Mobile developers, providing setup instructions and usage patterns for TWRNC (Tailwind React Native Classnames) integration.

  • Complete developer guide for Tailwind CSS setup and configuration
  • Usage examples covering both design system components and standard React Native components
  • Best practices and troubleshooting guidance for developers

Comment thread docs/tailwind.md Outdated
brianacnguyen
brianacnguyen previously approved these changes Jul 21, 2025
@sonarqubecloud

Copy link
Copy Markdown

@georgewrmarshall georgewrmarshall added this pull request to the merge queue Jul 22, 2025
Merged via the queue into main with commit b330dce Jul 22, 2025
44 checks passed
@georgewrmarshall georgewrmarshall deleted the cursor/develop-tailwind-css-onboarding-guide-5e8d branch July 22, 2025 18:21
@github-actions github-actions Bot locked and limited conversation to collaborators Jul 22, 2025
@metamaskbot metamaskbot added the release-7.53.0 Issue or pull request that will be included in release 7.53.0 label Jul 22, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

No QA Needed Apply this label when your PR does not need any QA effort. no-changelog no-changelog Indicates no external facing user changes, therefore no changelog documentation needed release-7.53.0 Issue or pull request that will be included in release 7.53.0 team-design-system All issues relating to design system in Mobile

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants