@@ -27,31 +27,31 @@ import EncapsulationPill from '@components/page/api/EncapsulationPill';
27
27
28
28
## 基本的な使い方
29
29
30
- import Basic from '@site/static /usage/accordion/basic/index.md';
30
+ import Basic from '@site/static /usage/v6/ accordion/basic/index.md';
31
31
32
32
<Basic />
33
33
34
34
## アコーディオンをトグルする方法
35
35
36
36
どのアコーディオンを開くかは、` ion-accordion-group ` の ` value ` プロパティを設定することで制御できます。このプロパティを設定することで、開発者はプログラムによって特定のアコーディオンを展開したり折りたたんだりすることができます。
37
37
38
- import Toggle from '@site/static /usage/accordion/toggle/index.md';
38
+ import Toggle from '@site/static /usage/v6/ accordion/toggle/index.md';
39
39
40
40
<Toggle />
41
41
42
42
## アコーディオンの状態変化を監視
43
43
44
44
開発者は ` ionChange ` イベントを監視することで、アコーディオンが展開または折りたたまれたときに通知されるようにすることができます。
45
45
46
- import ListenChanges from '@site/static /usage/accordion/listen-changes/index.md';
46
+ import ListenChanges from '@site/static /usage/v6/ accordion/listen-changes/index.md';
47
47
48
48
<ListenChanges />
49
49
50
50
## 複数のアコーディオン
51
51
52
52
開発者は ` multiple ` プロパティを使用して、複数のアコーディオンを一度に開くことができるようにすることができます。
53
53
54
- import Multiple from '@site/static /usage/accordion/multiple/index.md';
54
+ import Multiple from '@site/static /usage/v6/ accordion/multiple/index.md';
55
55
56
56
<Multiple />
57
57
@@ -61,15 +61,15 @@ import Multiple from '@site/static/usage/accordion/multiple/index.md';
61
61
62
62
個々のアコーディオンは、` ion-accordion ` の ` disabled ` プロパティで無効にできます。
63
63
64
- import DisableIndividual from '@site/static /usage/accordion/disable/individual/index.md';
64
+ import DisableIndividual from '@site/static /usage/v6/ accordion/disable/individual/index.md';
65
65
66
66
<DisableIndividual />
67
67
68
68
### アコーディオングループ
69
69
70
70
アコーディオングループは、` ion-accordion-group ` の ` disabled ` プロパティで無効にすることができます。
71
71
72
- import DisableGroup from '@site/static /usage/accordion/disable/group/index.md';
72
+ import DisableGroup from '@site/static /usage/v6/ accordion/disable/group/index.md';
73
73
74
74
<DisableGroup />
75
75
@@ -79,15 +79,15 @@ import DisableGroup from '@site/static/usage/accordion/disable/group/index.md';
79
79
80
80
個々のアコーディオンは、` ion-accordion ` の ` readonly ` プロパティで無効にできます。
81
81
82
- import ReadonlyIndividual from '@site/static /usage/accordion/readonly/individual/index.md';
82
+ import ReadonlyIndividual from '@site/static /usage/v6/ accordion/readonly/individual/index.md';
83
83
84
84
<ReadonlyIndividual />
85
85
86
86
### アコーディオングループ
87
87
88
88
アコーディオングループは、` ion-accordion-group ` の ` readonly ` プロパティで無効にできます。
89
89
90
- import ReadonlyGroup from '@site/static /usage/accordion/readonly/group/index.md';
90
+ import ReadonlyGroup from '@site/static /usage/v6/ accordion/readonly/group/index.md';
91
91
92
92
<ReadonlyGroup />
93
93
@@ -111,7 +111,7 @@ import ReadonlyGroup from '@site/static/usage/accordion/readonly/group/index.md'
111
111
112
112
` expand="inset" ` の場合、アコーディオングループにはborder radiusが与えられます。 ` md ` モードでは、アコーディオン全体を開くと下に移動します。
113
113
114
- import ExpansionStyles from '@site/static /usage/accordion/customization/expansion-styles/index.md';
114
+ import ExpansionStyles from '@site/static /usage/v6/ accordion/customization/expansion-styles/index.md';
115
115
116
116
<ExpansionStyles />
117
117
@@ -135,7 +135,7 @@ ion-accordion.accordion-expanded ion-item[slot="header"] {
135
135
}
136
136
```
137
137
138
- import AdvancedExpansionStyles from '@site/static /usage/accordion/customization/advanced-expansion-styles/index.md';
138
+ import AdvancedExpansionStyles from '@site/static /usage/v6/ accordion/customization/advanced-expansion-styles/index.md';
139
139
140
140
<AdvancedExpansionStyles />
141
141
@@ -147,15 +147,15 @@ import AdvancedExpansionStyles from '@site/static/usage/accordion/customization/
147
147
148
148
どのオプションを選択しても、アコーディオンを展開または折りたたむと、アイコンは自動的に回転します。
149
149
150
- import Icons from '@site/static /usage/accordion/customization/icons/index.md';
150
+ import Icons from '@site/static /usage/v6/ accordion/customization/icons/index.md';
151
151
152
152
<Icons />
153
153
154
154
### テーマ
155
155
156
156
` ion-accordion ` はヘッダーとコンテンツ要素を囲むシェルとして機能するので、アコーディオンを簡単に好きなようにテーマ化することができます。ヘッダーのテーマは、スロットの ` ion-item ` をターゲットにすることで行うことができます。 ` ion-item ` を使用しているので、 [ ion-item CSS Variables] ( ./item#css-custom-properties ) と [ ion-item Shadow Parts] ( ./item#css-shadow-parts ) にもすべてアクセスすることができます。コンテンツのテイムも、` content ` slotにある要素をターゲットにすることで簡単に実現できます。
157
157
158
- import Theming from '@site/static /usage/accordion/customization/theming/index.md';
158
+ import Theming from '@site/static /usage/v6/ accordion/customization/theming/index.md';
159
159
160
160
<Theming />
161
161
@@ -165,7 +165,7 @@ import Theming from '@site/static/usage/accordion/customization/theming/index.md
165
165
166
166
デフォルトでは、アコーディオン・アイテムを展開したり折りたたんだりする際にアニメーションが有効になります。アニメーションは ` prefers-reduced-motion ` メディアクエリがサポートされ、` reduce ` に設定されると自動的に無効化されます。対応していないブラウザでは、Ionic Frameworkアプリで ` animated ` を設定することで、アニメーションを無効にすることができます。
167
167
168
- import AccessibilityAnimations from '@site/static /usage/accordion/accessibility/animations/index.md';
168
+ import AccessibilityAnimations from '@site/static /usage/v6/ accordion/accessibility/animations/index.md';
169
169
170
170
<AccessibilityAnimations />
171
171
0 commit comments