@urban-ui/button

<Button>Hello world</Button>

<Flex gap='md'>
  <Button variant='outline' tone='neutral'>
    Abort
  </Button>
  <Button variant='solid' tone='critical'>
    Delete
  </Button>
</Flex>

Props

Fill

Will fill its parent container and can be used to change the default size of a button.

Clamp

Specifically sets the height of the button, will be determined by the size prop.

Icon

Specifically sets height and width of the button and clamps the aspect ratio to 1.