1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
export default {
name: 'Button',
selector: '.btn',
states: {
disabled: ':disabled',
toggled: '.toggled',
pressed: ':active',
hover: ':hover'
},
variants: {
danger: '.danger',
unstyled: '.unstyled',
sublime: '.sublime'
},
validInnerComponents: [
'Text',
'Icon'
],
defaultRules: [
{
component: 'Button',
directives: {
background: '--fg'
}
},
{
component: 'Button',
state: ['hover'],
directives: {
background: '#FFFFFF'
}
}
]
}
|
