IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: Applied changes on isDisabled property of Button component

Browse Source
This commit is contained in:
Alexey Safronov 2019-05-23 10:13:03 +03:00
parent e0dfae9337
commit 787bae17dc
9 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/ASC.Web.Components/example/stories/buttons/all/README.md
View File

@ -13,7 +13,7 @@ Buttons are used for a action on a page.
#### Usage
```js
<Button primary={true} size='big' disabled={true} onClick={() => alert('Button clicked')}>Save message</Button>
<Button primary={true} size='big' isDisabled={true} onClick={() => alert('Button clicked')}>Save message</Button>
```
#### Properties

4
web/ASC.Web.Components/example/stories/buttons/base/README.md
View File

@ -13,7 +13,7 @@ Base Button is used for a action on a page.
#### Usage
```js
<Button size='base' disabled={false} onClick={() => alert('Button clicked')}>OK</Button>
<Button size='base' isDisabled={false} onClick={() => alert('Button clicked')}>OK</Button>
```
#### Properties
@ -21,7 +21,7 @@ Base Button is used for a action on a page.
| Props | Type | Required | Values | Default | Description |
| ------------------ | -------- | :------: | --------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| `primary` | `bool` | - | - | - | Tells when the button should be primary |
| `disabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `isDisabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `onClick` | `func` | ✅ | - | - | What the button will trigger when clicked |
| `size` | `oneOf` | - | `base`, `middle`, `big`, `huge` | `base` | - |

2
web/ASC.Web.Components/example/stories/buttons/base/base.button.stories.js
View File

@ -15,7 +15,7 @@ storiesOf('Components|Button', module)
<Button
size={select('size', sizeOptions, 'base')}
primary={boolean('primary', true)}
disabled={boolean('disable', false)}
isDisabled={boolean('isDisabled', false)}
onClick={action('clicked')}
>
{text('Label', 'Base button')}

4
web/ASC.Web.Components/example/stories/buttons/big/README.md
View File

@ -13,7 +13,7 @@ Big Button is used for a action on a page.
#### Usage
```js
<Button size='big' disabled={false} onClick={() => alert('Button clicked')}>OK</Button>
<Button size='big' isDisabled={false} onClick={() => alert('Button clicked')}>OK</Button>
```
#### Properties
@ -21,7 +21,7 @@ Big Button is used for a action on a page.
| Props | Type | Required | Values | Default | Description |
| ------------------ | -------- | :------: | --------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| `primary` | `bool` | - | - | - | Tells when the button should be primary |
| `disabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `isDisabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `onClick` | `func` | ✅ | - | - | What the button will trigger when clicked |
| `size` | `oneOf` | - | `base`, `middle`, `big`, `huge` | `base` | - |

2
web/ASC.Web.Components/example/stories/buttons/big/big.button.stories.js
View File

@ -15,7 +15,7 @@ storiesOf('Components|Button', module)
<Button
size={select('size', sizeOptions, 'big')}
primary={boolean('primary', true)}
disabled={boolean('disable', false)}
isDisabled={boolean('isDisabled', false)}
onClick={action('clicked')}
>
{text('Label', 'Big button')}

4
web/ASC.Web.Components/example/stories/buttons/huge/README.md
View File

@ -13,7 +13,7 @@ Huge Button is used for a action on a page.
#### Usage
```js
<Button size='huge' disabled={false} onClick={() => alert('Button clicked')}>OK</Button>
<Button size='huge' isDisabled={false} onClick={() => alert('Button clicked')}>OK</Button>
```
#### Properties
@ -21,7 +21,7 @@ Huge Button is used for a action on a page.
| Props | Type | Required | Values | Default | Description |
| ------------------ | -------- | :------: | --------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| `primary` | `bool` | - | - | - | Tells when the button should be primary |
| `disabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `isDisabled` | `bool` | - | - | - | Tells when the button should present a disabled state |
| `onClick` | `func` | ✅ | - | - | What the button will trigger when clicked |
| `size` | `oneOf` | - | `base`, `middle`, `big`, `huge` | `base` | - |

2
web/ASC.Web.Components/example/stories/buttons/huge/huge.button.stories.js
View File

@ -15,7 +15,7 @@ storiesOf('Components|Button', module)
<Button
size={select('size', sizeOptions, 'huge')}
primary={boolean('primary', true)}
disabled={boolean('disable', false)}
isDisabled={boolean('isDisabled', false)}
onClick={action('clicked')}
>
{text('Label', 'Huge button')}

2
web/ASC.Web.Components/example/stories/buttons/middle/README.md
View File

@ -13,7 +13,7 @@ Middle Button is used for a action on a page.
#### Usage
```js
<Button size='middle' disabled={false} onClick={() => alert('Button clicked')}>OK</Button>
<Button size='middle' isDisabled={false} onClick={() => alert('Button clicked')}>OK</Button>
```
#### Properties

2
web/ASC.Web.Components/example/stories/buttons/middle/middle.button.stories.js
View File

@ -15,7 +15,7 @@ storiesOf('Components|Button', module)
<Button
size={select('size', sizeOptions, 'middle')}
primary={boolean('primary', true)}
disabled={boolean('disable', false)}
isDisabled={boolean('isDisabled', false)}
onClick={action('clicked')}
>
{text('Label', 'Middle button')}