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 }