Styling React text prop

1

Hello, is there any way to style the text prop in React? I need to hide the text but not the button on smaller screens. I was already trying it with CSS using different pseudo classes but it just doesn’t reach that text. Any ideas?

image
image794×212 30.4 KB

image

 <PaginationBtn
                    onClick={onClick}
                    text={translate('prevPage')}
                    direction="prev"
                />
2

If you have static page and the button by itself will not be changing its size while constrained by the same screen size then you should be able to use @media rules. You can try to apply some magic to remove text using css on cdsPaginationNextPage, or if it doens’t work, then just wrap text in some element, and then hide this new text element with css.