Button

Web
Native

Reference

Gympass <Button /> component implements all our design guidelines such as default spacings, borders and color pallete tokens. You can use all differente compounds like <Button.Outline /> and <Button.Text /> combining with their props such as small or inverted so the button become the desired variation.

Usage

 import { Button } from '@gympass/yoga';

<Button>Find an activity</Button><Button>Find an activity</Button>

Props

Prop	Type	Default	Required
children	node	`Button`	false
disabled	bool	`false`	false
full	bool	`false`	false
inverted	bool	`false`	false
onClick	func	`() => {}`	false
small	bool	`false`	false