Button Character Styles: Spacing and Caps

[jstansbe]

I'd like the button text to be normal spacing and not all characters in caps.
Please add this as an option on the component or in the theme styles.

software	version
ios or android	android (haven't tested on ios)
react-native	0.55
react-native-paper	2.0.0

[gawrysiak]

It should be possible to do, by wrapping the button text with a Text component, e.g.

<Button><Text>Toast</Text></Button>

Does it solve your case?

[jstansbe]

Passing in a text comp works!

[ocarreterom]

@gawrysiak following the Angular Material library texts should not be capitalized.
angular/components#2637 (comment)
angular/components#2637 (comment)

[satya164]

@ocarreterom we follow google's official material design guidelines which shows the text as uppercased. it doesn't matter what's the default in angular material library.

[gawrysiak]

@ocarreterom just as @satya164 mentioned, it goes by the MD guide. In both old and new guidelines, the buttons are uppercase by default. I find it a good thing, since it's harder to go wrong with it. I'd like to see things more customizable some day, but this is how it is for now. Hopefully the extra Text wrapper isn't a big issue for your use cases.

https://material.io/design/typography/the-type-system.html#type-scale