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(AddSelect): add dynamic additional component at start of body #5438

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

glapadre
Copy link
Contributor

@glapadre glapadre commented Jun 7, 2024

Closes #5252

Add custom component option at the beginning of the Body (in our case we are using TextInput but it could be anything here.

What did you change?

packages/ibm-products-styles/src/__tests__/__snapshots__/styles.test.js.snap
packages/ibm-products-styles/src/components/AddSelect/_add-select.scss
packages/ibm-products/src/components/AddSelect/AddSelect.tsx
packages/ibm-products/src/components/AddSelect/AddSelectBody.test.js
packages/ibm-products/src/components/AddSelect/AddSelectBody.tsx
packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.stories.jsx
packages/ibm-products/src/components/MultiAddSelect/MultiAddSelect.tsx
packages/ibm-products/src/components/SingleAddSelect/SingleAddSelect.stories.jsx
packages/ibm-products/src/components/SingleAddSelect/SingleAddSelect.tsx

How did you test and verify your work?

Storybook

@glapadre glapadre self-assigned this Jun 7, 2024
@glapadre glapadre requested a review from a team as a code owner June 7, 2024 19:11
@glapadre glapadre requested review from ariellalgilmore and IgnacioBecerra and removed request for a team June 7, 2024 19:11
Copy link

netlify bot commented Jun 7, 2024

Deploy Preview for carbon-for-ibm-products ready!

Name Link
🔨 Latest commit 2ab4b97
🔍 Latest deploy log https://app.netlify.com/sites/carbon-for-ibm-products/deploys/66708a04cd6e550009dc6643
😎 Deploy Preview https://deploy-preview-5438--carbon-for-ibm-products.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 configuration.

Copy link
Contributor

@davidmenendez davidmenendez left a comment

Choose a reason for hiding this comment

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

@glapadre thanks for providing this! Two things;

one minor code comment: can we switch additionalInfo to supplementalHeader? i think that helps convey what the prop does.

i know theres a greater discussion at hand about the add/select structure, so i don't think this needs a whole DSAG intervention, but could you find a designer associated with add/select to sign off on this? i think the story could look a little nicer and better describe what the feature is. working with someone on the design side just to establish like a minimal requirement for this part of the pattern would be great.

if you have any questions holler at me!

@glapadre
Copy link
Contributor Author

@davidmenendez no problem! I started a thread in the issue related to naming convention but it didn't get any traction, supplementalHeader works well.. I'll reach out to the design lead for Add Select and get approval and work on the story

@davidmenendez
Copy link
Contributor

@glapadre awesome! thanks. keep me up to date 👍

@glapadre
Copy link
Contributor Author

@davidmenendez I have shared with Oliver Kauselmann (designer that worked on add/select) and he said he will take a look and share here

@davidmenendez
Copy link
Contributor

@glapadre awesome! thanks a bunch

@davidmenendez davidmenendez added the needs: design opinion Design question needs opinion from designer label Jun 18, 2024
@glapadre
Copy link
Contributor Author

Had a call with Marion H. and Oliver K. and we are working on updating the guidance on the PAL design site, once this is complete Marion and Oliver gave the green light to merge.

@davidmenendez
Copy link
Contributor

@glapadre any update on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs: design opinion Design question needs opinion from designer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request]: On MultiAddSelect have option to add custom component between Title and Body
2 participants