Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(FluidTextArea): adds new fluid text area #12053

Merged
merged 17 commits into from
Sep 27, 2022

Conversation

aledavila
Copy link
Contributor

@aledavila aledavila commented Sep 2, 2022

Closes #12020
Closes #12018

Adds fluid text area

@aledavila aledavila requested a review from a team as a code owner September 2, 2022 17:42
@aledavila aledavila marked this pull request as draft September 2, 2022 17:42
@netlify
Copy link

netlify bot commented Sep 2, 2022

Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 94f19b6
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-react/deploys/63331b1436928a0008b00d17
😎 Deploy Preview https://deploy-preview-12053--carbon-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Sep 2, 2022

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 94f19b6
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/63331b1405a2060008c880bd
😎 Deploy Preview https://deploy-preview-12053--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@dakahn dakahn requested review from abbeyhrt and removed request for dakahn September 8, 2022 20:58
@jnm2377 jnm2377 marked this pull request as ready for review September 12, 2022 05:35
@jnm2377 jnm2377 requested a review from a team as a code owner September 12, 2022 06:54
Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

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

Looking good just a few things

Component

  • Should the resize handle feature also be disabled in the disabled state?
  • Error + focus state: when an input with an error state receives focus the border should turn blue/$focus to indicate its been given focus. This is what we do across invalid states with the default inputs.
    image
  • As of Friday, I added in a Skeleton state for all the fluid input. It was an oversite in the original spec, so can we add that in now?
    image

Storybook

  • Can we add a $layer-01background behind the second example?
    image

Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

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

One small change, otherwise looks great! That playgroundWidth control is a super cool idea 🔥

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

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

I didn't see the storybook change for the background color in the layers example but the component itself looks good to go.

@aledavila
Copy link
Contributor Author

@aagonzales yea i think theres an issue to look at with layers and adding backgrounds unrelated to text area. so we will take a look at that in a separate issue

@kodiakhq kodiakhq bot merged commit c7d5d1e into carbon-design-system:main Sep 27, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
4 participants