Group

import { Button, Group } from 'tamagui'

export default () => (
  <Group>
    <Button>First</Button>
    <Button>Second</Button>
    <Button>Third</Button>
  </Group>
)

By default, Group will control the border radius of it's children automatically - the first and last children will get their start/end radius set to match group radius. If it's a vertical group, it will adjust top/bottom radius, if not, left/right.

This ensures any items inside will get appropriately scaled border radius.

The size property will use your tokens to grab the appropriate radius for borderRadius values. It will also pass the size prop directly to children unless you set disablePassSize:

import { Button, Group } from 'tamagui'

export default () => (
  <Group size="$6">
    <Button>First</Button>
    <Button>Second</Button>
    <Button>Third</Button>
  </Group>
)

The disabled property will pass to children

Group extends YStack, getting Tamagui standard props, plus: