You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Replace Pagination links with buttons because we could optimally use the existing global buttons styling and it would comply with Material M3 standards
Here is a Codepen example where we have button styling applied to pagination (enhancement regarding to M3 guidelines and accessibility)
I needed to add additional btn class but if we consider implementing the buttons styling as a mixin on top of the current CSS classes we could avoid adding additional classes and implement it in the SCSS setup, as a result no documentation update would be required and it would be backwards compatible, users can define additional button styles if desired
This enhancement would also improve adaption to the theme as theme switch will take theme vars into account, which is not the case with the current component specific styling
Current Behavior
Pagination has component based styling on the elements states (focus, active)
Expected behavior
From the Material M3 standards we could enhance this functionality with adding buttons with global styling instead of basic html links with component based styling
Possible Solutions or Causes
With minimal effort replace Pagination interactive links with buttons in SCSS setup, migrate basic button styling class to SCSS and apply it to the HTML a elements inside the pagination component
Your Environment
Version used: v2.2.1
The text was updated successfully, but these errors were encountered:
Before submitting...
Context
This issue is a follow up of #543 (#81)
Replace Pagination links with buttons because we could optimally use the existing global buttons styling and it would comply with Material M3 standards
Here is a Codepen example where we have button styling applied to pagination (enhancement regarding to M3 guidelines and accessibility)
I needed to add additional btn class but if we consider implementing the buttons styling as a mixin on top of the current CSS classes we could avoid adding additional classes and implement it in the SCSS setup, as a result no documentation update would be required and it would be backwards compatible, users can define additional button styles if desired
This enhancement would also improve adaption to the theme as theme switch will take theme vars into account, which is not the case with the current component specific styling
Current Behavior
Pagination has component based styling on the elements states (focus, active)
Expected behavior
From the Material M3 standards we could enhance this functionality with adding buttons with global styling instead of basic html links with component based styling
Possible Solutions or Causes
With minimal effort replace Pagination interactive links with buttons in SCSS setup, migrate basic button styling class to SCSS and apply it to the HTML a elements inside the pagination component
Your Environment
The text was updated successfully, but these errors were encountered: