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(chip): add disabled property #20658

Merged
merged 18 commits into from Nov 5, 2020
Merged

feat(chip): add disabled property #20658

merged 18 commits into from Nov 5, 2020

Conversation

EinfachHans
Copy link
Contributor

@EinfachHans EinfachHans commented Mar 1, 2020

closes #19510

Pull request checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Build (npm run build) was run locally and any changes were pushed
  • Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Other (please describe):

What is the current behavior?

Issue Number: #19510

What is the new behavior?

  • Chips can be disabled

Does this introduce a breaking change?

  • Yes
  • No

@ionitron-bot ionitron-bot bot added package: angular @ionic/angular package package: core @ionic/core package labels Mar 1, 2020
Copy link
Contributor

@liamdebeasi liamdebeasi left a comment

Choose a reason for hiding this comment

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

Looks great! Can you just add a few tests in src/components/chip/test/states.index.html?

Something like:

<h3>Disabled</h3>
<p>
  <ion-chip disabled>
    <ion-label>Disabled</ion-label>
  </ion-chip>
  <ion-chip outline color="danger" class="ion-focused" disabled>
     <ion-label>Disabled Outline</ion-label>
  </ion-chip>
  <ion-chip color="secondary" class="ion-focused" disabled>
     <ion-icon name="checkmark-circle"></ion-icon>
     <ion-label>Disabled Secondary with Icon</ion-label>
  </ion-chip>
  <ion-chip outline class="ion-focused" disabled>
    <ion-icon name="git-pull-request"></ion-icon>
    <ion-label>Disabled Outline with Icon and Avatar</ion-label>
    <ion-icon name="close-circle"></ion-icon>
  </ion-chip>
</p>

core/src/components/chip/chip.scss Outdated Show resolved Hide resolved
@liamdebeasi liamdebeasi changed the title feat(chip): Property disabled added feat(chip): add disabled property Mar 20, 2020
@EinfachHans
Copy link
Contributor Author

Yeah of course: Requested Changes are added. I didn't found the Opacity in the MD Spec (and i still don't 😂), but adjusted to 0.4.

@liamdebeasi
Copy link
Contributor

Thanks! Can you fix the failing build and merge conflicts?

# Conflicts:
#	angular/src/directives/proxies.ts
#	core/src/components.d.ts
@EinfachHans
Copy link
Contributor Author

Done 😇

@shyamal890
Copy link

Also add CSS Shadow Parts to this component.

@liamdebeasi
Copy link
Contributor

@shyamal890 ion-chip does not have any internal elements that CSS Shadow Parts could help expose other than the ripple effect. Is there something you are trying to do with ion-chip that Shadow Parts would help solve?

@EinfachHans EinfachHans mentioned this pull request Aug 5, 2020
13 tasks
Copy link
Contributor

@liamdebeasi liamdebeasi 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 to me. @brandyscarney any feedback?

@github-actions github-actions bot added the package: vue @ionic/vue package label Nov 3, 2020
Copy link
Contributor

@liamdebeasi liamdebeasi left a comment

Choose a reason for hiding this comment

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

We should prefer the actual boolean values for TypeScript users in the examples

core/src/components/chip/usage/angular.md Outdated Show resolved Hide resolved
core/src/components/chip/usage/react.md Outdated Show resolved Hide resolved
core/src/components/chip/usage/vue.md Outdated Show resolved Hide resolved
brandyscarney and others added 4 commits November 3, 2020 14:32
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
@brandyscarney brandyscarney added this to the 5.5.0 milestone Nov 4, 2020
@liamdebeasi liamdebeasi merged commit 0a0cbd8 into ionic-team:master Nov 5, 2020
@liamdebeasi
Copy link
Contributor

Merged. Thank you!

@liamdebeasi liamdebeasi mentioned this pull request Nov 5, 2020
@EinfachHans EinfachHans deleted the issue-19510 branch November 5, 2020 19:20
TakumaKira pushed a commit to TakumaKira/ionic-framework that referenced this pull request Nov 13, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: angular @ionic/angular package package: core @ionic/core package package: vue @ionic/vue package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

feat: disabled chip
4 participants