feat(icon-button-toggle): create new web component icon-button-toggle - Githubissues

Teradata / covalent

Teradata UI Platform built on Angular Material

https://teradata.github.io/covalent/

MIT License

2.23k stars 358 forks source link

feat(icon-button-toggle): create new web component icon-button-toggle #2135

Closed bsahitya closed 3 months ago

bsahitya commented 3 months ago

Description

Created a new web component called cv-icon-button-toggle. It extends the functionality from mwc-icon-button-toggle

What's included?

Icon button toggle component which can be toggled on/off and disabled. It has the below properties:

aria-label: Accessible label for the button.
on: To toggle the button on/off.
onIcon: Icon to display when on is true.
offIcon: Icon to display when on is false.
disabled: To disable the button.
ariaLabelOn: aria-label of the button when on is true. If set, ariaLabelOff must also be set.
ariaLabelOff: aria-label of the button when on is false. If set, ariaLabelOn must also be set.

Test Steps

[x] npm run storybook
[x] Navigate to Icon Button Toggle component in the side nav
[x] Test the component

General Tests for Every PR

[x] npm run start still works.
[x] npm run lint passes.
[x] npm run stylelint passes.
[x] npm test passes and code coverage is not lower.
[x] npm run build still works.

Screenshots

icon-button-toggle

owilliams320 commented 3 months ago

:tada: This PR is included in version 8.9.0 :tada:

The release is available on:

v8.9.0
GitHub release

Your semantic-release bot :package::rocket: