diff --git a/apps/demo/src/app/app.config.ts b/apps/demo/src/app/app.config.ts
index 54a03f8f..697b3f7d 100644
--- a/apps/demo/src/app/app.config.ts
+++ b/apps/demo/src/app/app.config.ts
@@ -15,6 +15,7 @@ import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui
export const appConfig: ApplicationConfig = {
providers: [
+ provideClientHydration(),
provideAnimations(),
provideRouter([
{
@@ -23,7 +24,6 @@ export const appConfig: ApplicationConfig = {
loadComponent: async () => import('./home/home.component'),
},
]),
- provideClientHydration(),
importProvidersFrom(
TuiRootModule,
TuiAlertModule,
diff --git a/apps/demo/src/app/home/home.component.html b/apps/demo/src/app/home/home.component.html
index fc640886..33b902ca 100644
--- a/apps/demo/src/app/home/home.component.html
+++ b/apps/demo/src/app/home/home.component.html
@@ -96,7 +96,12 @@
-Typing...
+
+ Typing...
+
Aleksandr Inkin
Glory
+
+
+
+
+ @for (item of questions; track $index) {
+
+ {{ item.question }}
+ {{ item.answer }}
+
+ }
+
diff --git a/apps/demo/src/app/home/home.component.ts b/apps/demo/src/app/home/home.component.ts
index 68e1f526..f99cadff 100644
--- a/apps/demo/src/app/home/home.component.ts
+++ b/apps/demo/src/app/home/home.component.ts
@@ -21,6 +21,7 @@ import {
TuiTextfieldControllerModule,
} from '@taiga-ui/core';
import {
+ TuiAccordionModule,
TuiCheckboxLabeledModule,
TuiInputDateModule,
TuiInputTagModule,
@@ -52,6 +53,7 @@ import {TuiEditorModule, TuiEditorTool} from '@tinkoff/tui-editor';
TuiDropdownModule,
NgDompurifyModule,
TuiEditorModule,
+ TuiAccordionModule,
],
templateUrl: './home.component.html',
styleUrls: ['./home.component.less'],
@@ -69,6 +71,22 @@ export default class HomeComponent {
protected date: TuiDay | null = null;
protected notification = false;
protected slider = 80;
+ protected editor = '';
+
+ protected questions = [
+ {
+ question: 'Accordion 1',
+ answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+ },
+ {
+ question: 'Accordion 2',
+ answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+ },
+ {
+ question: 'Accordion 3',
+ answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+ },
+ ];
protected onDay(date: TuiDay): void {
this.date = date;
diff --git a/apps/demo/src/styles.less b/apps/demo/src/styles.less
index da17bc73..bf8042cb 100644
--- a/apps/demo/src/styles.less
+++ b/apps/demo/src/styles.less
@@ -8,7 +8,6 @@ html,
body {
margin: 0;
padding: 0;
- overflow: hidden;
color: var(--tui-text-01);
}