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.

Edit this page on GitHub.

Getting Started

Core

Tamagui

Separate Components

Extras

Guides

Community

Shapes

Features

Usage

Shape props