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

Tag: Introduce “addable” support #1521

Merged
merged 3 commits into from
Jun 27, 2024
Merged

Tag: Introduce “addable” support #1521

merged 3 commits into from
Jun 27, 2024

Conversation

michaeltaranto
Copy link
Contributor

Tag actions have been extended to now support being “added”.
A Tag will include a small add icon button when both an onAdd handler and addLabel prop are provided.

EXAMPLE USAGE:

<Tag onAdd={() => {...}} addLabel="Add Tag" />

Preview

Preview of Addable Tag

@michaeltaranto michaeltaranto requested a review from a team as a code owner June 26, 2024 22:56
Copy link

changeset-bot bot commented Jun 26, 2024

🦋 Changeset detected

Latest commit: d47bf69

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
braid-design-system Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@@ -4,7 +4,7 @@ import { Tag, Inline, IconTag, Stack } from '../';
import { debugTouchableAttrForDataProp } from '../private/touchable/debugTouchable';

export const screenshots: ComponentScreenshot = {
screenshotWidths: [320],
screenshotWidths: [768],
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Increasing the screenshot width to avoid wrapping. Tag has no responsive behaviours and its more important to see alignment across variants horizontally.

);

return {
code: code.replaceAll(': string', ''),
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Stripping type information from the above example to ensure Playroom links work as expected

Copy link
Contributor

@askoufis askoufis left a comment

Choose a reason for hiding this comment

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

➕ ➕ ➕

@michaeltaranto michaeltaranto merged commit 3e51af6 into master Jun 27, 2024
6 checks passed
@michaeltaranto michaeltaranto deleted the addable-tag branch June 27, 2024 02:11
@seek-oss-ci seek-oss-ci mentioned this pull request Jun 27, 2024
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.

2 participants