woylie / doggo Goto Github PK

• alert
• card
• fallback
• icon
• icon_sprite
• input
• label
• field_errors
• field_description
• modal
• navbar
• switch
• table
• drawer

• menu bar
• menu button
• menu
• menu item
• separator
• menu item checkbox
• menu item radio
• groups

• #58
• #60
• #59
• #61
• #62
• #69
• #70
• #71
• #72
• #68
• #64
• #63
• #73
• #74
• #65
• #81
• #83
• #67
• #79
• #82
• #76
• #77
• #84
• #122
• #127
• #75
• #85
• #87
• #119
• #131
• #130
• #128
• #125
• #121
• #120

Cover the semantics of the patterns in https://www.w3.org/WAI/ARIA/apg/patterns/. Keyboard interaction will be tracked in #136.

• switch
• #78
• #61
• #120
• #171
• #172
• #178
• #163
• #167
• #165
• #179
• #162
• #174
• #175
• #80
• #168
• #173
• #176
• #170
• #177
• #181
• #169
• #180
• #182
• #164
• #166
• #124
• #129

Is your feature request related to a problem? Please describe.

For loading state, disable the button and show loading icon.

Describe the solution you'd like
Allow attributes loading and disabled on the button. https://github.com/woylie/doggo/blob/main/lib/doggo.ex#L220

Consider using slots for a custom implementation of loading icon.

Describe alternatives you've considered
Since using native HTML is preferred, disabled attribute would work fine. However, for loading state, a slot has to be populated.

Additional context
Willing to raise the PR for the same.

After completing the initial component set (#20) on the semantic level, the next step will be to add (keyboard) interaction where applicable. We'll mainly follow the APG patterns.

• tabs
  • left arrow: move focus to previous tab
  • right arrow: move focus to next tab
  • home: move focus to first tab
  • end: move focus to last tab
• accordion
  • toggle visibility on click
• toggle button
  • allow client-side state handling
• disclosure button
  • toggle visibility and aria-expanded
• tree (see https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
  • keyboard navigation, tabindex
  • select (single, multiple; leaf only or parent and leaf)
  • expand/collapse
  • lazy load children
• toolbar (see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/)
  • move focus with left/right arrow key
• carousel
  • Handle previous/next buttons
  • Handle pagination tabs
  • Auto rotation
  • Disable auto rotation when controls are used
  • Disable previous/next button on first/last item.
  • Focus management and keyboard support for pagination
• combobox
• menu, menubar, menubutton
• split pane
• action bar
• menu
• menu bar
• menu group
• menu item checkbox
• menu item radio group