Skip to content

Commit 5a24554

Browse files
committed
fix: update origin to 2ecdb221d3bd80ddfd1817385d9ecc23c9002b5a
1 parent 6d27e2d commit 5a24554

File tree

4 files changed

+54
-48
lines changed

4 files changed

+54
-48
lines changed

adev-ja/src/content/guide/aria/overview.en.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!

adev-ja/src/content/guide/tailwind.en.md

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,27 @@
22

33
[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework that can be used to build modern websites without ever leaving your HTML. This guide will walk you through setting up Tailwind CSS in your Angular project.
44

5-
## Setting up Tailwind CSS
5+
## Automated Setup with `ng add`
6+
7+
Angular CLI provides a streamlined way to integrate Tailwind CSS into your project using the `ng add` command. This command automatically installs the necessary packages, configures Tailwind CSS, and updates your project's build settings.
8+
9+
First, navigate to your Angular project's root directory in a terminal and run the following command:
10+
11+
```shell
12+
ng add tailwindcss
13+
```
14+
15+
This command performs the following actions:
16+
17+
- Installs `tailwindcss` and its peer dependencies.
18+
- Configures the project to use Tailwind CSS.
19+
- Adds the Tailwind CSS `@import` statement to your styles.
20+
21+
After running `ng add tailwindcss`, you can immediately start using Tailwind's utility classes in your component templates.
22+
23+
## Manual Setup (Alternative Method)
24+
25+
If you prefer to set up Tailwind CSS manually, follow these steps:
626

727
### 1. Create an Angular project
828

@@ -61,7 +81,7 @@ If you're using SCSS, add `@use` to `./src/styles.scss`.
6181

6282
### 5. Start using Tailwind in your project
6383

64-
You can now start using Tailwind's utility classes in your component templates to style your application.
84+
You can now start using Tailwind's utility classes in your component templates to style your application. Run your build process with `ng serve` and you should see the styled heading.
6585

6686
For example, you can add the following to your `app.html` file:
6787

@@ -71,10 +91,6 @@ For example, you can add the following to your `app.html` file:
7191
</h1>
7292
</docs-code>
7393

74-
### 6. Start using Tailwind in your project
75-
76-
Run your build process with `ng serve` and you should see the styled heading.
77-
7894
## Additional Resources
7995

8096
- [Tailwind CSS Documentation](https://tailwindcss.com/docs)

adev-ja/src/content/reference/releases.en.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -97,8 +97,8 @@ The following table provides the status for Angular versions under support.
9797

9898
| Version | Status | Released | Active ends | LTS ends |
9999
| :------ | :----- | :--------- | :---------- | :--------- |
100-
| ^21.0.0 | Active | 2025-11-19 | 2026-05-20 | 2026-11-18 |
101-
| ^20.0.0 | LTS | 2025-05-28 | 2025-11-21 | 2026-11-21 |
100+
| ^21.0.0 | Active | 2025-11-19 | 2026-05-19 | 2027-05-19 |
101+
| ^20.0.0 | LTS | 2025-05-28 | 2025-11-19 | 2026-11-28 |
102102
| ^19.0.0 | LTS | 2024-11-19 | 2025-05-28 | 2026-05-19 |
103103

104104
Angular versions v2 to v18 are no longer supported.

origin

Submodule origin updated 42 files

0 commit comments

Comments
 (0)