feat(layout): integrate tuiContainer layout component in demo

taiga-family · Dec 13, 2024 · dd0ac5c · dd0ac5c
1 parent 15d0d5b
commit dd0ac5c
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 3 deletions.
diff --git a/projects/demo/src/modules/components/multi-select/examples/9/index.html b/projects/demo/src/modules/components/multi-select/examples/9/index.html
@@ -33,7 +33,7 @@
     #template
     let-data="data"
 >
-    <div class="tui-container_fullwidth">
+    <div tuiContainer="fullwidth">
         <div class="tui-row tui-form__row_multi-fields tui-row_adaptive">
             <label class="tui-col_md-12">
                 Star Wars persons

diff --git a/projects/demo/src/modules/components/multi-select/examples/9/index.ts b/projects/demo/src/modules/components/multi-select/examples/9/index.ts
@@ -5,6 +5,7 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 import type {TuiDialogContext, TuiSizeL, TuiSizeS} from '@taiga-ui/core';
 import {TuiButton, TuiDataList, TuiDialogService} from '@taiga-ui/core';
 import {TuiDataListWrapper} from '@taiga-ui/kit';
+import {TuiContainer} from '@taiga-ui/layout';
 import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
 
@@ -13,6 +14,7 @@ import type {PolymorpheusContent} from '@taiga-ui/polymorpheus';
     imports: [
         ReactiveFormsModule,
         TuiButton,
+        TuiContainer,
         TuiDataList,
         TuiDataListWrapper,
         TuiMultiSelectModule,

diff --git a/projects/demo/src/modules/markup/form/examples/1/index.html b/projects/demo/src/modules/markup/form/examples/1/index.html
@@ -1,4 +1,4 @@
-<div class="tui-container">
+<div tuiContainer>
     <div class="stepper">
         <tui-stepper [activeItemIndex]="0">
             <button

diff --git a/projects/demo/src/modules/markup/form/examples/1/index.ts b/projects/demo/src/modules/markup/form/examples/1/index.ts
@@ -13,6 +13,7 @@ import {
     TuiRadio,
     TuiStepper,
 } from '@taiga-ui/kit';
+import {TuiContainer} from '@taiga-ui/layout';
 import {
     TuiInputDateModule,
     TuiInputModule,
@@ -55,6 +56,7 @@ class Account {
         TuiBlock,
         TuiButton,
         TuiCheckbox,
+        TuiContainer,
         TuiCurrencyPipe,
         TuiDataListWrapper,
         TuiError,

diff --git a/projects/layout/components/container/container.directive.ts b/projects/layout/components/container/container.directive.ts
@@ -7,7 +7,7 @@ import {
 } from '@angular/core';
 import {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';
 
-type ContainerType = 'adaptive' | 'fixed' | 'fullWidth' | 'menu';
+type ContainerType = '' | 'adaptive' | 'fixed' | 'fullwidth' | 'menu';
 
 @Component({
     standalone: true,