Skip to main content
Version: v11.6.1

React Native Button Styles


Button Styles

Button Styles

No.Class NameTypeDescription
1.app-buttonViewTo style the outermost container of Button widget.
2.app-button-textTextTo style the Caption text of Button widget.
3.app-button-contentViewTo style the content wrapper element of Button widget.
4.app-button-badgeTextTo style the badge of Button widget.
5.app-button-iconWM IconTo style the icon of Button widget.
6.app-button-skeletonWM SkeletonTo style Skeleton Loader of Button widget.

Additional Classes

ImageClass NameTypeDescription
Btn-Default.btn-defaultWM ButtonTo style the default button
Btn-Primary.btn-primaryWM ButtonTo style the primary button
Btn-Secondary.btn-secondaryWM ButtonTo style the secondary button
Btn-Danger.btn-dangerWM ButtonTo style the danger button
Btn-light.btn-lightWM ButtonTo style the light button
Btn-Dark.btn-darkWM ButtonTo style the dark button
Btn-Info.btn-infoWM ButtonTo style the info button
Btn-Warning.btn-warningWM ButtonTo style the warning button