Shapes

Easy to use Square and Circle.

Features

  • Accepts size props as number or token value.

  • Sets min and max width and height.

Usage

Tamagui supports sizing shapes using your size tokens, or plain numbers.

import { Square, Circle } from 'tamagui'
export default () => (
<>
<Square size="$4" />
<Square size={100} />
<Circle size="$4" />
<Circle size={100} />
</>
)

Shape props

Buttons extend Stack views inheriting all the Tamagui standard props, plus:

Prop

Type

Default

size
string | tokens.size

Set a size, number or one of the size token values.