@chakra-ui/clickable - npm Package Compare versions

Comparing version 2.0.6 to 2.0.7

package.json

		{
		"name": "@chakra-ui/clickable",
		"version": "2.0.6",
		"version": "2.0.7",
		"description": "React hook and component that implements native button interactions",
		@@ -34,4 +34,4 @@ "keywords": [
		"dependencies": {
		"@chakra-ui/react-utils": "2.0.3",
		"@chakra-ui/utils": "2.0.6"
		"@chakra-ui/react-utils": "2.0.4",
		"@chakra-ui/utils": "2.0.7"
		},
		@@ -42,3 +42,3 @@ "peerDependencies": {
		"devDependencies": {
		"@chakra-ui/system": "2.2.4",
		"@chakra-ui/system": "2.2.5",
		"react": "^18.0.0"
		@@ -52,4 +52,3 @@ },
		"build:fast": "tsup src/index.ts"
		},
		"readme": "# @chakra-ui/clickable\n\nReact hook that implements all the interactions of a native `button` component\nwith support for making it focusable even if it is disabled.\n\nIt can be used with both native button elements or other elements (like `div`).\n\n## Installation\n\n```jsx\nimport { useClickable } from \"@chakra-ui/clickable\"\n```\n\n## Usage\n\n```jsx\n// create a clickable primitive\nconst Clickable = (props) => {\n const clickable = useClickable(props)\n return <chakra.button display=\"inline-flex\" {...clickable} />\n}\n\n// use the clickable primitive\nconst Example = () => (\n <Clickable\n as=\"div\"\n onClick={(event) => {\n alert(\"clicked\")\n }}\n _active={{ bg: \"blue\", color: \"white\" }}\n _disabled={{ opacity: 0.4, pointerEvents: \"none\" }}\n >\n Clickable\n </Clickable>\n)\n```\n"
		}
		}

dist/index.cjs.js

dist/index.d.ts

dist/index.esm.js

New alerts