diff --git a/README.md b/README.md
index 17e09c6..f7fde52 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ yarn add reakit theme-ui
```tsx
import React from 'react'
-import Button from '@vtex-component/button'
+import Button from '@vtex-components/button'
function Example() {
return
diff --git a/package.json b/package.json
index 135edf4..5a9f1b5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@vtex-components/button",
- "version": "1.0.1",
+ "version": "1.1.0",
"description": "VTEX button component",
"author": "vtex",
"license": "MIT",
diff --git a/src/Button.stories.tsx b/src/Button.stories.tsx
index ef57f8f..8e79f77 100644
--- a/src/Button.stories.tsx
+++ b/src/Button.stories.tsx
@@ -2,6 +2,7 @@ import React from 'react'
import { ThemeProvider } from 'theme-ui'
import { withA11y } from '@storybook/addon-a11y'
import { withKnobs, text, color, boolean } from '@storybook/addon-knobs'
+import { Checkbox, useCheckboxState } from 'reakit'
import Button from '.'
@@ -45,6 +46,26 @@ export function TheSXProp() {
)
}
+export function TheAsProp() {
+ const checkbox = useCheckboxState()
+
+ return (
+
+
+ {checkbox.state ? '😄 Happy' : '😞 Sad'}
+
+
+ )
+}
+
export function Theming() {
const theme = {
colors: {
diff --git a/src/index.tsx b/src/index.tsx
index a85eeb8..14b8276 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -7,8 +7,8 @@ import {
type Props = A11yProps & ThemeAwareProps
-function Button(props: Props, ref: Ref) {
- return
+function Button({ as, ...props }: Props, ref: Ref) {
+ return
}
export { A11yProps, ThemeAwareProps }