Skip to content

Pagination: numbers in labels should have a different font weight #890

Open
@pedrodim

Description

@pedrodim

Description of the bug

Based on the design documentation the Pagination component's label numbers should have a heavier font weight than the rest of the label. I can't find a way to do so with the current implementation as both currentPageItemsLabel and pageCountLabel, and all the labels actually, accept only strings and this would require some html to handle the different font weight.

Design docs ref https://zeroheight.com/8626c6305/p/84ffb2-pagination/b/99aa11
Screenshot 2024-08-27 at 12 18 18

Playroom reproduction

https://playroom.bento.buildo.io/preview/#?code=N4Igxg9gJgpiBcIA8AFAhgcwJYDs0BcsIcAdHAAnIAdMYBeYARgF8zKaMYBhCAVx3wMWbclnwwAtgGcUMAE7pOQgAysKo8dNkLaAeSqFiUhsHIAmZfHIByC9YA05RpZvPr5ZmsoSYUqbWNgYBFKMUkZeUUYfUMcKQAZNAAjGAAbK2sw6Wp5aloHEPIwXjk5GAEogElNBOS0qwAKKXw0OXxHcqhHfAgW1IBKcjoAPnIAAwASYGbW-GYAWinO5nIIADNyKZ6%2B5jH7Qo5uPgFElPTyBsh%2BfEGR8amrgRXDqT3CqVwMVJgo0-rXPKcArqdhlABuRF4MloACFePgejg-udrChwZCpMDKJQcDAAB74KJwhHEZEZABy%2BPwWI8agA9MMQPYQAB3LBQfAACykCAA2owACwC5QAXWYQA

Version

v0.22.22

What browsers are you seeing the problem on?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions