Button

import { Button } from '@vtex/shoreline'

export default function Example() {
  return <Button>Click me</Button>
}

import { Button, Stack } from '@vtex/shoreline'

export default function Example() {
  return (
    <Stack horizontal>
      <Button variant="primary">Primary</Button>
      <Button variant="secondary">Secondary</Button>
      <Button variant="tertiary">Tertiary</Button>
      <Button variant="critical">Critical</Button>
      <Button variant="criticalTertiary">Critical Tertiary</Button>
    </Stack>
  )
}

import { Button, Stack } from '@vtex/shoreline'

export default function Example() {
  return (
    <Stack horizontal>
      <Button size="normal">Normal</Button>
      <Button size="large">Large</Button>
    </Stack>
  )
}

import { Button, IconArrowUp, VisuallyHidden } from '@vtex/shoreline'

export default function Example() {
  return (
    <>
      <Button asChild>
        <label htmlFor="file-input">
          <IconArrowUp /> Upload file
        </label>
      </Button>
      <VisuallyHidden>
        <input id="file-input" type="file" />
      </VisuallyHidden>
    </>
  )
}