Button

Инсталација

npm i @stefanlazarevic/components.button

или

yarn add @stefanlazarevic/components.button

Коришћење

import Button from "@stefanlazarevic/components.button";

<Button>Садржај компоненте</Button>

API

| назив | тип | подразумевана вредност | опис | | ----------------- | -------------------------------------- | ---------------------- | ------------------------ | | aria-controls | string | undefined | read | | aria-expanded | string | undefined | read | | aria-haspopup | string | undefined | read | | aria-label | string | undefined | read | | aria-labelledby | string | undefined | read | | aria-pressed | string | undefined | read | | autoFocus | boolean | undefined | read | | children | ReactNodeLike | undefined | read | | className | string | undefined | read | | disabled | boolean | undefined | read | | form | string | undefined | read | | id | string | undefined | read | | lang | string | undefined | read | | onBlur | (event: React.FocusEvent) => void | undefined | read | | onClick | (event: React.MouseEvent) => void | undefined | read | | onFocus | (event: React.FocusEvent) => void | undefined | read | | onKeyDown | (event: React.KeyboardEvent) => void | undefined | read | | style | object | undefined | read | | tabIndex | number | undefined | read | | testid | string | undefined | read | | title | string | undefined | read | | type | string | "button" | read |

aria-controls

aria-expanded

aria-haspopup

aria-label

aria-labelledby

aria-pressed

autoFocus

Овај атрибут говори да компонента треба да буде у стању фокуса приликом учитавања странице. Само једна компонента на страници може поседовати ово стање приликом учитавања. Уколико више компоненти поседује овај атрибут, само последње учитана компонента на страници ће бити у стању фокуса.

children

className

disabled

Овај атрибут онемогућава интеракцију са компонентом, па тако компонента не може бити фокусирана као ни кликнута.

form

Вредност овог атрибута мора бити id Form компоненте којој компонента припада. Уколико овај атрибут није постављен, подразумева се да компонента припада првој родитељској Form компоненти.

id

lang

Атрибут који дефинише језик садржаја који компонента приказује.

Списак доступних вредности

onBlur

onClick

onFocus

onKeyDown

style

tabIndex

testid

title

Садржи додатни текст који кориснику пружа информације о садржају компоненте.

type