wudo/components/01-atoms/button/button.component.yml at main · wunderio/wudo · GitHub

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
'$schema': 'https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json'

name: Button
status: stable
group: Atoms

props:
  type: object
  properties:
    type:
      type: string
      title: Type
      description: 'Button type: primary, secondary.'
      default: primary
      enum:
        - primary
        - secondary
      examples:
        - primary

    size:
      type: string
      title: Size
      description: 'Button size: large, regular, small.'
      default: regular
      enum:
        - large
        - regular
        - small
      examples:
        - regular

    icon:
      type: string
      title: Icon
      description: Icon name.
      enum:
        - download
        - left-arrow
        - right-arrow
        - chevron-down
        - close
        - menu
        - heart
        - bookmark
        - globe
        - filter
      examples:
        - 'right-arrow'

    icon_size:
      type: string
      title: Size
      description: 'Icon size: large, regular, small.'
      default: regular
      enum:
        - large
        - regular
        - small
      examples:
        - regular

    icon_placement:
      type: string
      title: Icon placement
      description: 'Icon position: before, after.'
      default: after
      enum:
        - before
        - after
      examples:
        - after

    text:
      type: string
      title: Text
      description: Button text.
      examples:
        - 'Button text'

    badge_content:
      type: string
      title: Badge text
      description: Badge content text.
      examples:
        - '99'

    badge_type:
      type: string
      title: Badge type
      description: 'Badge type: text, indicator.'
      default: text
      enum:
        - text
        - indicator
      examples:
        - text

    badge_position:
      type: string
      title: Badge position
      description: 'Badge position: inline, corner.'
      default: corner
      enum:
        - inline
        - corner
      examples:
        - corner

    badge_style:
      type: string
      title: Style
      description: 'Type: primary, red, green, blue, yellow'
      default: primary
      enum:
        - primary
        - red
        - green
        - blue
        - yellow
      examples:
        - primary

    url:
      type: string
      title: Url
      description: URL for the link button.
      examples:
        - 'http://example.com'

    is_new_window:
      type: boolean
      title: Open in a new window or not.
      default: false
      examples:
        - false

    is_external:
      type: boolean
      title: If link is external or not.
      default: false
      examples:
        - false

    icon_only:
      type: boolean
      title: If show icon only.
      default: false
      examples:
        - false

    is_disabled:
      type: boolean
      title: Disabled or not.
      default: false
      examples:
        - false

    modifier_class:
      type: string
      title: Modifier class
      description: Additional classes.
      examples:
        - 'custom-class'