Skip to content

Conversation

@smockle
Copy link
Member

@smockle smockle commented Mar 23, 2020

styled-system supports maxWidth and minWidth props: https://styled-system.com/api#layout

Primer’s TextInput component currently accepts styled-system’s width prop. This PR lets it also accept maxWidth and minWidth.

Merge checklist

  • Added or updated TypeScript definitions (index.d.ts) if necessary
  • Added/updated documentation
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

@vercel
Copy link

vercel bot commented Mar 23, 2020

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/primer/primer-components/i7hxnrnv0
✅ Preview: https://primer-components-git-textinput-minmaxwidth.primer.now.sh

@emplums emplums changed the base branch from master to minor March 23, 2020 19:58
@vercel vercel bot temporarily deployed to Preview March 23, 2020 20:10 Inactive
Copy link

@emplums emplums left a comment

Choose a reason for hiding this comment

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

Looks good! Styled-system functions need to be added individually to components, or in a group via the styled-system groups (e.g. COMMON, LAYOUT etc) defined in constants.js. I added a commit to add minWidth and maxWidth individually to TextInput. This should be good to go now!

@vercel vercel bot temporarily deployed to Preview March 23, 2020 20:24 Inactive
@vercel vercel bot temporarily deployed to Preview March 23, 2020 20:29 Inactive
@emplums emplums merged commit 8d3317d into minor Mar 24, 2020
@emplums emplums deleted the textinput-minmaxwidth branch September 16, 2020 21:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants