feat(switch): implement switch refinements

IgniteUI / igniteui-webcomponents

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

https://www.infragistics.com/products/ignite-ui-web-components

Other

113 stars 2 forks source link

feat(switch): implement switch refinements #1177

Closed didimmova closed 1 month ago

didimmova commented 2 months ago

Closes #1162

desig9stein commented 2 months ago

@didimmova

The same as in angular

https://github.com/IgniteUI/igniteui-webcomponents/assets/21260963/c4ed65a3-19d6-4512-8b19-8a237c072484

imincheva commented 1 month ago

Bootstrap:

Unchecked: the thumb in idle state seems to be hardcoded. IMO it should use the border color (--border-color) like in hover state and focused state. Applies for both light and dark mode.

AnjiManova commented 1 month ago

Material

shadows (elevations) are still not fixed

imincheva commented 1 month ago

Fluent:

The thumb isn't positioned correctly. It should have 3px margin instead of 4px.
The focus border size isn't correct. It should be 44x24px.