Skip to content

Commit be6f2f0

Browse files
bencodezenkirjs
authored andcommitted
docs: consolidate patterns and iterate on conclusion for angular aria overview
1 parent 913cde8 commit be6f2f0

File tree

1 file changed

+29
-39
lines changed

1 file changed

+29
-39
lines changed

adev/src/content/guide/aria/overview.md

Lines changed: 29 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -52,24 +52,34 @@ In this one scenario, developers need to consider:
5252

5353
## What's included?
5454

55-
Angular Aria includes directives for common interactive patterns:
56-
57-
| Component | Description |
58-
| --------------------------------------- | ---------------------------------------------------------------------- |
59-
| [Accordion](guide/aria/accordion) | Collapsible content panels that can expand individually or exclusively |
60-
| [Autocomplete](guide/aria/autocomplete) | Text input with filtered suggestions that appear as users type |
61-
| [Combobox](guide/aria/combobox) | Primitive directive that coordinates a text input with a popup |
62-
| [Grid](guide/aria/grid) | Two-dimensional data display with cell-by-cell keyboard navigation |
63-
| [Listbox](guide/aria/listbox) | Single or multi-select option lists with keyboard navigation |
64-
| [Menu](guide/aria/menu) | Dropdown menus with nested submenus and keyboard shortcuts |
65-
| [Menubar](guide/aria/menubar) | Horizontal navigation bar for persistent application menus. |
66-
| [Multiselect](guide/aria/multiselect) | Multiple-selection dropdown pattern with compact display |
67-
| [Select](guide/aria/select) | Single-selection dropdown pattern with keyboard navigation |
68-
| [Tabs](guide/aria/tabs) | Tabbed interfaces with automatic or manual activation modes |
69-
| [Toolbar](guide/aria/toolbar) | Grouped sets of controls with logical keyboard navigation |
70-
| [Tree](guide/aria/tree) | Hierarchical lists with expand/collapse functionality |
71-
72-
Each component includes comprehensive documentation, working examples, and API references.
55+
Angular Aria includes directives with comprehensive documentation, working examples and API references for common interactive patterns:
56+
57+
### Search and selection
58+
59+
| Component | Description |
60+
| --------------------------------------- | -------------------------------------------------------------- |
61+
| [Autocomplete](guide/aria/autocomplete) | Text input with filtered suggestions that appear as users type |
62+
| [Listbox](guide/aria/listbox) | Single or multi-select option lists with keyboard navigation |
63+
| [Select](guide/aria/select) | Single-selection dropdown pattern with keyboard navigation |
64+
| [Multiselect](guide/aria/multiselect) | Multiple-selection dropdown pattern with compact display |
65+
| [Combobox](guide/aria/combobox) | Primitive directive that coordinates a text input with a popup |
66+
67+
### Navigation and call to actions
68+
69+
| Component | Description |
70+
| ----------------------------- | ----------------------------------------------------------- |
71+
| [Menu](guide/aria/menu) | Dropdown menus with nested submenus and keyboard shortcuts |
72+
| [Menubar](guide/aria/menubar) | Horizontal navigation bar for persistent application menus |
73+
| [Tabs](guide/aria/tabs) | Tabbed interfaces with automatic or manual activation modes |
74+
| [Toolbar](guide/aria/toolbar) | Grouped sets of controls with logical keyboard navigation |
75+
76+
### Content organization
77+
78+
| Component | Description |
79+
| --------------------------------- | ---------------------------------------------------------------------- |
80+
| [Accordion](guide/aria/accordion) | Collapsible content panels that can expand individually or exclusively |
81+
| [Tree](guide/aria/tree) | Hierarchical lists with expand/collapse functionality |
82+
| [Grid](guide/aria/grid) | Two-dimensional data display with cell-by-cell keyboard navigation |
7383

7484
## When to use Angular Aria
7585

@@ -89,24 +99,4 @@ Angular Aria might not fit every scenario:
8999

90100
## Next steps
91101

92-
Explore the component guides to find the pattern that fits your needs:
93-
94-
**Search and selection**
95-
96-
- Autocomplete - Search and filter options as users type
97-
- Listbox - Select one or multiple items from a list
98-
- Select - Choose one option from a list of options
99-
- Multiselect - Choose one option from a list of options
100-
101-
**Navigation and call to actions**
102-
103-
- Menu - Action menus with optional nested submenus
104-
- Tabs - Switch between related content panels
105-
- Toolbar - Group related controls and actions
106-
107-
**Content organization**
108-
109-
- Accordion - Show and hide sections of content
110-
- Tree - Display hierarchical data structures
111-
Data display
112-
- Grid - Navigate and interact with tabular data
102+
Check out a component from the side nav or [list above](#whats-included), or start with [Toolbar](guide/aria/toolbar) to see a complete example of how Angular Aria directives work!

0 commit comments

Comments
 (0)