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.
import { Box, Button } from '@gympass/yoga';
import { Box, Button } from '@gympass/yoga';
import { Box, Button } from '@gympass/yoga';import { Booking } from '@gympass/yoga-icons';
Prop | Description | 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 | |
secondary | bool | false | false | |
icon | an Icon from yoga-icons package | union | undefined | false |
href | string | undefined | false |