Direction Button

v.4.0.0

Installation

yarn
pnpm
npm

yarn add @mercell/direction-button-react

pnpm add @mercell/direction-button-react

npm install --save @mercell/direction-button-react

The DirectionButton has necessary peerDependencies, please make sure that you have them in your project

"@carbon/icons-react": "^10.49.0",
"@mercell/tailwind": "^6.0.1",
"classnames": "^2.3.1",
"react": "^17.0.2" 

Usage

Using the Date Picker component is as simple as importing it like this.

import DirectionButton from '@mercell/direction-button-react';

Live Editor

// You can play with code, with HTML tags and text as much as you want!
    render(
        <div className="flex space-x-2">
            <DirectionButton direction="up"/>
            <DirectionButton direction="down" />
            <DirectionButton direction="left" />
            <DirectionButton direction="right" />
        </div>
    )

// You can play with code, with HTML tags and text as much as you want!
    render(
        <div className="flex space-x-2">
            <DirectionButton direction="up"/>
            <DirectionButton direction="down" />
            <DirectionButton direction="left" />
            <DirectionButton direction="right" />
        </div>
    )

Result

Types, definitions, etc.

Types
Changelog
Figma

DirectionButtonProps

type direction = 'up' | 'down' | 'right' | 'left';
type DirectionButtonProps = {
    direction: direction;
} & JSX.IntrinsicElements['button'];

Name	Type	Default	Required	Description
direction	direction	"up"	yes	Direction of the arrow. Up, Down, Left or Right

Direction Button

Installation​

The DirectionButton has necessary peerDependencies, please make sure that you have them in your project

Usage​

Types, definitions, etc.​

Change Log - @mercell/direction-button-react

4.0.0​

Breaking changes​

3.0.0​

Breaking changes​

2.0.5​

Patches​

2.0.4​

Patches​

2.0.3​

Patches​

2.0.2​

Patches​

2.0.1​

Patches​

2.0.0​

Breaking changes​

1.0.5​

Patches​

1.0.4​

Patches​

1.0.3​

Patches​

1.0.2​

Patches​

1.0.1​

Patches​

1.0.0​

Breaking changes​

0.0.6​

Patches​

0.0.5​

Patches​

0.0.4​

Patches​

0.0.3​

Patches​

0.0.2​

Patches​

Installation

Usage

Types, definitions, etc.

4.0.0

Breaking changes

3.0.0

Breaking changes

2.0.5

Patches

2.0.4

Patches

2.0.3

Patches

2.0.2

Patches

2.0.1

Patches

2.0.0

Breaking changes

1.0.5

Patches

1.0.4

Patches

1.0.3

Patches

1.0.2

Patches

1.0.1

Patches

1.0.0

Breaking changes

0.0.6

Patches

0.0.5

Patches

0.0.4

Patches

0.0.3

Patches

0.0.2

Patches