22 lines
1.2 KiB
Markdown
22 lines
1.2 KiB
Markdown
|
# ToggleButton
|
||
|
|
|
||
|
|
#### Description
|
||
|
|
|
||
|
|
Custom toggle button input
|
||
|
|
|
||
|
|
#### Usage
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { ToggleButton } from 'asc-web-components';
|
||
|
|
|
||
|
|
<ToggleButton value="text" onChange={event => alert(event.target.value)}/>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Properties
|
||
|
|
|
||
|
|
| Props | Type | Required | Values | Default | Description |
|
||
|
|
| ---------------------- | -------- | :------: | ---------------------------- | ------- | ------------------------------------------------------------------------------------------------------ |
|
||
|
|
| `value` | `string` | - | - | - | Value of the input
|
||
|
|
| `isChecked` | `bool` | - | - | - | The checked property sets the checked state of a ToggleButton.
|
||
|
|
| `isDisabled` | `bool` | - | - | - | Disables the ToggleButton
|
||
|
|
| `onChange` | `func` | ✅ | - | - | Will be triggered whenever an ToggleButton is clicked
|