Buttons with disabled state

This commit is contained in:
Vladimir Borisov 2019-10-02 16:43:08 +03:00
parent 6167e86bea
commit be4e577b85
No known key found for this signature in database
GPG key ID: F9A584BE4FCB6603
2 changed files with 7 additions and 2 deletions

View file

@ -47,6 +47,11 @@
background-color: var(--color-signal580);
}
&:global(.disabled) {
color: var(--color-surfacedarker);
background-color: var(--color-surfacedark);
}
.icon {
fill: var(--color-surfacelighter);
width: 1rem;

View file

@ -22,8 +22,8 @@ storiesOf('ModalDialog', module).add('ModalDialog', () => {
}
},
{
label: 'A button with a long name', props: {
onClick: action('A button with a long name clicked.')
label: 'A disabled button with a long name', props: {
disabled: true,
}
},
{