@chakra-ui/clickable NPM

@chakra-ui/clickable

React hook that implements all the interactions of a native button component with support for making it focusable even if it is disabled.

It can be used with both native button elements or other elements (like div).

Installation

import { useClickable } from "@chakra-ui/clickable"

Usage

// create a clickable primitive
const Clickable = (props) => {
  const clickable = useClickable(props)
  return <chakra.button display="inline-flex" {...clickable} />
}

// use the clickable primitive
const Example = () => (
  <Clickable
    as="div"
    onClick={(event) => {
      alert("clicked")
    }}
    _active={{ bg: "blue", color: "white" }}
    _disabled={{ opacity: 0.4, pointerEvents: "none" }}
  >
    Clickable
  </Clickable>
)

chakra ui clickable tabbable button div button

@chakra-ui/react-use-merge-refs @chakra-ui/shared-utils

@infinitebrahmanuniverse/nolb-_chak @everything-registry/sub-chunk-164 @chakra-ui/menu @chakra-ui/tabs @nextpy/menu @northlight/ui @packpackman/menu @packpackman/tabs iclips-reverb-ui-react @tuci/pro

0.0.0-dev-20230718132637

2 years ago

0.0.0-dev-20230718130742

2 years ago

0.0.0-dev-20230718122336

2 years ago

2.1.0

2 years ago

0.0.0-dev-20230718124717

2 years ago

0.0.0-dev-20230112154520

2 years ago

0.0.0-dev-20230112141201

2 years ago

0.0.0-dev-20230116124502

2 years ago

0.0.0-dev-20230112143332

2 years ago

0.0.0-dev-20230116120206

2 years ago

2.0.13

2 years ago

2.0.14

2 years ago

0.0.0-dev-20230112152756

2 years ago

0.0.0-dev-20230112113621

2 years ago

0.0.0-dev-20230111211417

2 years ago

0.0.0-dev-20230116122157

2 years ago

0.0.0-dev-20230112145104

2 years ago

0.0.0-dev-20221107181117

3 years ago

0.0.0-dev-20221107161407

3 years ago

0.0.0-dev-20221108075029

3 years ago

0.0.0-dev-20221108073543

3 years ago

2.0.11

3 years ago

2.0.12

2 years ago

0.0.0-dev-20221107182607

3 years ago

0.0.0-dev-20221108100218

3 years ago

0.0.0-dev-20221108071844

3 years ago

0.0.0-dev-20221108093520

3 years ago

0.0.0-dev-20221108090938

3 years ago

0.0.0-dev-20221108124603

3 years ago

0.0.0-dev-20221223180742

2 years ago

0.0.0-dev-20221108083411

3 years ago

0.0.0-dev-20220929105632

3 years ago

2.0.10

3 years ago

0.0.0-dev-20220929132459

3 years ago

0.0.0-dev-20220823195046

3 years ago

0.0.0-dev-20220820173639

3 years ago

0.0.0-dev-20220922115811

3 years ago

0.0.0-dev-20220824074122

3 years ago

0.0.0-dev-20220926164115

3 years ago

0.0.0-dev-20220820152257

3 years ago

0.0.0-dev-20220824080240

3 years ago

0.0.0-dev-20220926165450

3 years ago

0.0.0-dev-20220822055339

3 years ago

0.0.0-dev-20220823150801

3 years ago

0.0.0-dev-20220820165925

3 years ago

0.0.0-dev-20220824082222

3 years ago

0.0.0-dev-20220820172220

3 years ago

0.0.0-dev-20220920121057

3 years ago

0.0.0-dev-20220823165602

3 years ago

0.0.0-dev-20220820195548

3 years ago

0.0.0-dev-20220820124231

3 years ago

0.0.0-dev-20220822103611

3 years ago

0.0.0-dev-20220921093814

3 years ago

0.0.0-dev-20220822184448

3 years ago

0.0.0-dev-20220822051456

3 years ago

2.0.9

3 years ago

0.0.0-dev-20220820193723

3 years ago

0.0.0-dev-20220922114557

3 years ago

0.0.0-dev-20220820185458

3 years ago

0.0.0-dev-20220822054045

3 years ago

0.0.0-dev-20220823192757

3 years ago

0.0.0-dev-20220813053727

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-dev-202261317818

3 years ago

0.0.0-dev-20220812060931

3 years ago

2.0.1

3 years ago

0.0.0-dev-202268165050

3 years ago

0.0.0-dev-202261316456

3 years ago

0.0.0-dev-20220813083358

3 years ago

0.0.0-dev-20220813070741

3 years ago

0.0.0-dev-20220804200605

3 years ago

0.0.0-dev-2022659431

3 years ago

0.0.0-dev-202256192154

3 years ago

0.0.0-dev-20220811084042

3 years ago

0.0.0-dev-2022659325

3 years ago

0.0.0-dev-20220804194739

3 years ago

0.0.0-dev-20220813052715

3 years ago

0.0.0-dev-20220813051625

3 years ago

0.0.0-dev-20224248246

3 years ago

0.0.0-dev-20220813063717

3 years ago

0.0.0-dev-20224248516

3 years ago

0.0.0-dev-20220805062318

3 years ago

0.0.0-dev-20220804193815

3 years ago

0.0.0-dev-20220813055957

3 years ago

0.0.0-dev-2022610103716

3 years ago

0.0.0-dev-202242481651

3 years ago

0.0.0-dev-20220811160709

3 years ago

0.0.0-dev-20220804193103

3 years ago

0.0.0-dev-2022612222012

3 years ago

0.0.0-dev-2022610103924

3 years ago

0.0.0-dev-202264144818

3 years ago

0.0.0-dev-20220811093515

3 years ago

0.0.0-dev-202268163535

3 years ago

2.0.0

3 years ago

0.0.0-dev-2022423121615

3 years ago

2.0.0-next.2

3 years ago

0.0.0-dev-2022423121532

3 years ago

2.0.0-next.0

3 years ago

2.0.0-next.1

3 years ago

0.0.0-pr-202215114422

3 years ago

0.0.0-pr-20220258462

3 years ago

0.0.0-pr-202203231241

3 years ago

0.0.0-dev-202202591453

3 years ago

0.0.0-pr-2022024234531

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-dev-202202585455

3 years ago

0.0.0-pr-202204173424

3 years ago

0.0.0-pr-20221512130

3 years ago

0.0.0-dev-202202495727

3 years ago

0.0.0-pr-20221272450

3 years ago

0.0.0-dev-202215111945

3 years ago

0.0.0-dev-202212083710

3 years ago

0.0.0-dev-202215122415

3 years ago

0.0.0-pr-202202423375

3 years ago

0.0.0-pr-202203225541

3 years ago

0.0.0-dev-202215114149

3 years ago

0.0.0-pr-202208163634

3 years ago

0.0.0-pr-202215132532

3 years ago

0.0.0-pr-202215113950

3 years ago

0.0.0-pr-202208164521

3 years ago

0.0.0-dev-202202592640

3 years ago

0.0.0-dev-2022117131714

3 years ago

0.0.0-pr-202202495553

3 years ago

0.0.0-pr-20220620149

3 years ago

0.0.0-pr-202214173148

3 years ago

0.0.0-dev-20220258423

3 years ago

0.0.0-pr-20221417318

3 years ago

0.0.0-pr-20221173648

3 years ago

0.0.0-pr-2022024212254

3 years ago

0.0.0-pr-20220259146

3 years ago

0.0.0-pr-202215111823

3 years ago

0.0.0-pr-202202584437

3 years ago

0.0.0-dev-202215121428

3 years ago

0.0.0-dev-202215114442

3 years ago

0.0.0-pr-20221462931

3 years ago

0.0.0-pr-202214173019

3 years ago

0.0.0-dev-20220209527

3 years ago

0.0.0-pr-202202495536

3 years ago

0.0.0-pr-20220816386

3 years ago

0.0.0-pr-202202495259

3 years ago

0.0.0-pr-20221263715

3 years ago

0.0.0-pr-20220251866

3 years ago

0.0.0-pr-202211713187

3 years ago

0.0.0-dev-20221463045

3 years ago

0.0.0-pr-20221272130

3 years ago

0.0.0-dev-2022117201925

3 years ago

0.0.0-dev-202211720414

3 years ago

0.0.0-pr-202211594731

3 years ago

0.0.0-dev-202202410017

3 years ago

0.0.0-dev-20220258486

3 years ago

0.0.0-pr-202215114917

3 years ago

0.0.0-dev-202202591937

3 years ago

0.0.0-pr-202201418280

3 years ago

0.0.0-dev-2022120114225

3 years ago

0.0.0-pr-202215121320

3 years ago

0.0.0-pr-202204174042

3 years ago

0.0.0-dev-202212012129

3 years ago

0.0.0-pr-2022114224724

3 years ago

0.0.0-pr-20220483049

3 years ago

0.0.0-dev-202215121353

3 years ago

0.0.0-pr-202214171317

3 years ago

0.0.0-pr-202212011232

3 years ago

0.0.0-pr-20221512346

3 years ago

0.0.0-pr-20220421928

3 years ago

0.0.0-pr-20220209192

3 years ago

0.0.0-dev-20221513279

3 years ago

0.0.0-pr-2022013192043

3 years ago

0.0.0-pr-202204174930

3 years ago

0.0.0-pr-202215125733

3 years ago

0.0.0-dev-202215112739

3 years ago

0.0.0-pr-202215113521

3 years ago

0.0.0-dev-2022117203714

3 years ago

0.0.0-dev-2022120114012

3 years ago

0.0.0-dev-2022120123118

3 years ago

0.0.0-pr-20221512359

3 years ago

0.0.0-pr-2022020961

3 years ago

0.0.0-dev-2022120113958

3 years ago

0.0.0-pr-202202092345

3 years ago

0.0.0-pr-2022014183133

3 years ago

0.0.0-dev-20221512173

3 years ago

0.0.0-pr-202206192031

3 years ago

0.0.0-pr-202202410034

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago