diff --git a/projects/addon-doc/components/demo/demo.module.ts b/projects/addon-doc/components/demo/demo.module.ts
index 61ade27750ff..f03ed3d6d259 100644
--- a/projects/addon-doc/components/demo/demo.module.ts
+++ b/projects/addon-doc/components/demo/demo.module.ts
@@ -16,9 +16,9 @@ import {
     TuiTooltipModule,
 } from '@taiga-ui/core';
 import {
+    TuiBlockDirective,
     TuiCheckboxLabeledModule,
     TuiDataListWrapperModule,
-    TuiRadioBlockModule,
     TuiSelectModule,
 } from '@taiga-ui/kit';
 
@@ -37,7 +37,6 @@ import {TuiDocDemoComponent} from './demo.component';
         TuiGroupDirective,
         TuiTooltipModule,
         TuiModeModule,
-        TuiRadioBlockModule,
         TuiCheckboxLabeledModule,
         TuiSvgModule,
         TuiDataListWrapperModule,
@@ -45,6 +44,7 @@ import {TuiDocDemoComponent} from './demo.component';
         TuiTextfieldControllerModule,
         TuiHintModule,
         TuiResizerModule,
+        TuiBlockDirective,
     ],
     declarations: [TuiDocDemoComponent],
     exports: [TuiDocDemoComponent],
diff --git a/projects/addon-doc/components/demo/demo.template.html b/projects/addon-doc/components/demo/demo.template.html
index 5956b03aad7d..f092e72cf51c 100644
--- a/projects/addon-doc/components/demo/demo.template.html
+++ b/projects/addon-doc/components/demo/demo.template.html
@@ -39,39 +39,48 @@
             class="t-group"
             [collapsed]="true"
         >
-            <tui-radio-block
-                nativeId="form"
-                size="s"
+            <label
+                appearance=""
+                tuiBlock="s"
                 class="tui-group__auto-width-item"
-                [hideRadio]="true"
-                [item]="null"
-                [ngModel]="mode"
-                (ngModelChange)="onModeChange($event)"
             >
                 null
-            </tui-radio-block>
-            <tui-radio-block
-                item="onDark"
-                nativeId="form"
-                size="s"
+                <input
+                    tuiBlock
+                    type="radio"
+                    [ngModel]="mode"
+                    [value]="null"
+                    (ngModelChange)="onModeChange($event)"
+                />
+            </label>
+            <label
+                appearance=""
+                tuiBlock="s"
                 class="tui-group__auto-width-item"
-                [hideRadio]="true"
-                [ngModel]="mode"
-                (ngModelChange)="onModeChange($event)"
             >
                 onDark
-            </tui-radio-block>
-            <tui-radio-block
-                item="onLight"
-                nativeId="form"
-                size="s"
+                <input
+                    tuiBlock
+                    type="radio"
+                    value="onDark"
+                    [ngModel]="mode"
+                    (ngModelChange)="onModeChange($event)"
+                />
+            </label>
+            <label
+                appearance=""
+                tuiBlock="s"
                 class="tui-group__auto-width-item"
-                [hideRadio]="true"
-                [ngModel]="mode"
-                (ngModelChange)="onModeChange($event)"
             >
                 onLight
-            </tui-radio-block>
+                <input
+                    tuiBlock
+                    type="radio"
+                    value="onLight"
+                    [ngModel]="mode"
+                    (ngModelChange)="onModeChange($event)"
+                />
+            </label>
         </div>
     </ng-template>
     <tui-checkbox-labeled
diff --git a/projects/core/components/group/group.style.less b/projects/core/components/group/group.style.less
index 29393771636a..ebe73b95f209 100644
--- a/projects/core/components/group/group.style.less
+++ b/projects/core/components/group/group.style.less
@@ -68,6 +68,10 @@
                 z-index: 6;
             }
 
+            &:has([tuiBlock]:checked) {
+                z-index: 6;
+            }
+
             &._focus-visible {
                 &._focused,
                 &._active,
diff --git a/projects/core/styles/theme/appearance/secondary.less b/projects/core/styles/theme/appearance/secondary.less
index 690ecc6b39ee..663a83d550f7 100644
--- a/projects/core/styles/theme/appearance/secondary.less
+++ b/projects/core/styles/theme/appearance/secondary.less
@@ -33,6 +33,18 @@
     background: transparent;
 }
 
+[tuiAppearance][data-appearance='flat']:checked {
+    background: var(--tui-secondary);
+
+    .appearance-hover({
+        background: var(--tui-secondary-hover);
+    });
+
+    .appearance-active({
+        background: var(--tui-secondary-active);
+    });
+}
+
 [tuiAppearance][data-appearance='destructive'] {
     color: var(--tui-negative);
 }
diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
index 15e39b608c39..d0ae6a951e93 100644
--- a/projects/demo/src/modules/app/app.routes.ts
+++ b/projects/demo/src/modules/app/app.routes.ts
@@ -185,6 +185,14 @@ export const ROUTES: Routes = [
             title: 'BadgedContent',
         },
     },
+    {
+        path: 'components/block',
+        loadChildren: async () =>
+            (await import('../components/block/block.module')).ExampleTuiBlockModule,
+        data: {
+            title: 'Block',
+        },
+    },
     {
         path: 'layout/block-status',
         loadChildren: async () =>
@@ -505,15 +513,6 @@ export const ROUTES: Routes = [
             title: 'Checkbox',
         },
     },
-    {
-        path: 'components/checkbox-block',
-        loadChildren: async () =>
-            (await import('../components/checkbox-block/checkbox-block.module'))
-                .ExampleTuiCheckboxBlockModule,
-        data: {
-            title: 'CheckboxBlock',
-        },
-    },
     {
         path: 'components/checkbox-labeled',
         loadChildren: async () =>
@@ -993,15 +992,6 @@ export const ROUTES: Routes = [
             title: 'Radio',
         },
     },
-    {
-        path: 'components/radio-block',
-        loadChildren: async () =>
-            (await import('../components/radio-block/radio-block.module'))
-                .ExampleTuiRadioBlockModule,
-        data: {
-            title: 'RadioBlock',
-        },
-    },
     {
         path: 'components/radio-labeled',
         loadChildren: async () =>
diff --git a/projects/demo/src/modules/app/pages.ts b/projects/demo/src/modules/app/pages.ts
index ebffe826e91a..ab797e86d2bd 100644
--- a/projects/demo/src/modules/app/pages.ts
+++ b/projects/demo/src/modules/app/pages.ts
@@ -181,6 +181,12 @@ export const pages: TuiDocPages = [
             },
         ],
     },
+    {
+        section: 'Components',
+        title: 'Block',
+        keywords: 'кнопка, чек, форма, form, ввод, checkbox, radio, радио, label',
+        route: '/components/block',
+    },
     {
         section: 'Layout',
         title: 'BlockStatus',
@@ -243,12 +249,6 @@ export const pages: TuiDocPages = [
                 keywords: 'чек, ввод, форма, form, checkbox',
                 route: '/components/checkbox',
             },
-            {
-                section: 'Components',
-                title: 'CheckboxBlock',
-                keywords: 'кнопка, чек, форма, form, ввод, checkbox, CheckboxBlock',
-                route: '/components/checkbox-block',
-            },
             {
                 section: 'Components',
                 title: 'CheckboxLabeled',
@@ -678,12 +678,6 @@ export const pages: TuiDocPages = [
                 keywords: 'инпут, форма, ввод, radio, радио',
                 route: '/components/radio',
             },
-            {
-                section: 'Components',
-                title: 'RadioBlock',
-                keywords: 'инпут, кнопка, форма, ввод, radio, радио, radio-boxed',
-                route: '/components/radio-block',
-            },
             {
                 section: 'Components',
                 title: 'RadioLabeled',
diff --git a/projects/demo/src/modules/components/block/block.component.ts b/projects/demo/src/modules/components/block/block.component.ts
new file mode 100644
index 000000000000..2595ff88d435
--- /dev/null
+++ b/projects/demo/src/modules/components/block/block.component.ts
@@ -0,0 +1,12 @@
+import {Component} from '@angular/core';
+import {changeDetection} from '@demo/emulate/change-detection';
+
+@Component({
+    selector: 'example-tui-block',
+    templateUrl: './block.template.html',
+    changeDetection,
+})
+export class ExampleTuiBlockComponent {
+    protected readonly exampleModule = import('./examples/import/import-module.md?raw');
+    protected readonly exampleHtml = import('./examples/import/insert-template.md?raw');
+}
diff --git a/projects/demo/src/modules/components/block/block.module.ts b/projects/demo/src/modules/components/block/block.module.ts
new file mode 100644
index 000000000000..0bcd9aad1311
--- /dev/null
+++ b/projects/demo/src/modules/components/block/block.module.ts
@@ -0,0 +1,48 @@
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {TuiExamplePipe} from '@demo/utils';
+import {tuiGetDocModules} from '@taiga-ui/addon-doc';
+import {TuiGroupDirective, TuiTooltipModule} from '@taiga-ui/core';
+import {
+    TuiCheckboxModule,
+    TuiFadeModule,
+    TuiIconModule,
+    TuiRadioModule,
+    TuiTitleModule,
+    TuiToggleModule,
+} from '@taiga-ui/experimental';
+import {TuiAvatarComponent, TuiBlockDirective} from '@taiga-ui/kit';
+
+import {ExampleTuiBlockComponent} from './block.component';
+import {TuiBlockExample1} from './examples/1';
+import {TuiBlockExample2} from './examples/2';
+import {TuiBlockExample3} from './examples/3';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        TuiBlockDirective,
+        TuiGroupDirective,
+        TuiAvatarComponent,
+        TuiTooltipModule,
+        TuiCheckboxModule,
+        TuiRadioModule,
+        TuiFadeModule,
+        TuiTitleModule,
+        TuiToggleModule,
+        TuiIconModule,
+        TuiExamplePipe,
+        tuiGetDocModules(ExampleTuiBlockComponent),
+    ],
+    declarations: [
+        TuiBlockExample1,
+        TuiBlockExample2,
+        TuiBlockExample3,
+        ExampleTuiBlockComponent,
+    ],
+    exports: [ExampleTuiBlockComponent],
+})
+export class ExampleTuiBlockModule {}
diff --git a/projects/demo/src/modules/components/block/block.template.html b/projects/demo/src/modules/components/block/block.template.html
new file mode 100644
index 000000000000..65d04257f1ad
--- /dev/null
+++ b/projects/demo/src/modules/components/block/block.template.html
@@ -0,0 +1,58 @@
+<tui-doc-page
+    header="Block"
+    package="KIT"
+    type="components"
+>
+    <ng-template pageTab>
+        <p>
+            <code>Block</code>
+            is a special presentation of a checkbox/radiobutton which can display actual control or be a control itself
+        </p>
+
+        <tui-doc-example
+            id="sizes"
+            heading="Sizes"
+            [content]="1 | tuiExample: 'html'"
+        >
+            <tui-block-example-1></tui-block-example-1>
+        </tui-doc-example>
+
+        <tui-doc-example
+            id="groups"
+            heading="Groups"
+            [content]="2 | tuiExample: 'html'"
+        >
+            <tui-block-example-2></tui-block-example-2>
+        </tui-doc-example>
+
+        <tui-doc-example
+            id="custom"
+            heading="Custom"
+            [content]="3 | tuiExample: 'html'"
+        >
+            <tui-block-example-3></tui-block-example-3>
+        </tui-doc-example>
+    </ng-template>
+
+    <ng-template pageTab="Setup">
+        <ol class="b-demo-steps">
+            <li>
+                <p>Add an import:</p>
+
+                <tui-doc-code
+                    filename="my.module.ts"
+                    [code]="exampleModule"
+                ></tui-doc-code>
+            </li>
+
+            <li>
+                <p>Add to the template:</p>
+
+                <tui-doc-code
+                    filename="my.component.html"
+                    [code]="exampleHtml"
+                ></tui-doc-code>
+            </li>
+        </ol>
+    </ng-template>
+</tui-doc-page>
diff --git a/projects/demo/src/modules/components/block/examples/1/index.html b/projects/demo/src/modules/components/block/examples/1/index.html
new file mode 100644
index 000000000000..a67ce18d3489
--- /dev/null
+++ b/projects/demo/src/modules/components/block/examples/1/index.html
@@ -0,0 +1,37 @@
+<form [formGroup]="testForm">
+    <label tuiBlock="xs">
+        Grapes
+        <input
+            formControlName="testValue1"
+            size="s"
+            tuiCheckbox
+            type="checkbox"
+        />
+    </label>
+    <label tuiBlock="s">
+        Qiwi
+        <input
+            formControlName="testValue2"
+            size="s"
+            tuiCheckbox
+            type="checkbox"
+        />
+    </label>
+    <label tuiBlock="m">
+        Oranges
+        <input
+            formControlName="testValue3"
+            size="s"
+            tuiCheckbox
+            type="checkbox"
+        />
+    </label>
+    <label tuiBlock>
+        Watermelons
+        <input
+            formControlName="testValue4"
+            tuiCheckbox
+            type="checkbox"
+        />
+    </label>
+</form>
diff --git a/projects/demo/src/modules/components/block/examples/1/index.less b/projects/demo/src/modules/components/block/examples/1/index.less
new file mode 100644
index 000000000000..a074a4106e19
--- /dev/null
+++ b/projects/demo/src/modules/components/block/examples/1/index.less
@@ -0,0 +1,6 @@
+form {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+}
diff --git a/projects/demo/src/modules/components/radio-block/examples/3/index.ts b/projects/demo/src/modules/components/block/examples/1/index.ts
similarity index 57%
rename from projects/demo/src/modules/components/radio-block/examples/3/index.ts
rename to projects/demo/src/modules/components/block/examples/1/index.ts
index 07cba3bf67f2..4a8d45dff07e 100644
--- a/projects/demo/src/modules/components/radio-block/examples/3/index.ts
+++ b/projects/demo/src/modules/components/block/examples/1/index.ts
@@ -4,14 +4,17 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 
 @Component({
-    selector: 'tui-radio-block-example-3',
+    selector: 'tui-block-example-1',
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
-export class TuiRadioBlockExample3 {
+export class TuiBlockExample1 {
     protected readonly testForm = new FormGroup({
-        testValue: new FormControl('example1'),
+        testValue1: new FormControl(true),
+        testValue2: new FormControl({value: false, disabled: true}),
+        testValue3: new FormControl({value: true, disabled: true}),
+        testValue4: new FormControl(false),
     });
 }
diff --git a/projects/demo/src/modules/components/block/examples/2/index.html b/projects/demo/src/modules/components/block/examples/2/index.html
new file mode 100644
index 000000000000..6fb8268d2e5f
--- /dev/null
+++ b/projects/demo/src/modules/components/block/examples/2/index.html
@@ -0,0 +1,115 @@
+<h3 class="title">Horizontal group</h3>
+<form
+    tuiGroup
+    class="group"
+    [collapsed]="true"
+    [formGroup]="testForm"
+>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="oranges"
+        />
+        Oranges
+    </label>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="apples"
+        />
+        Apples
+    </label>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="pineapples"
+        />
+        <span tuiFade>Pineapples</span>
+    </label>
+</form>
+<h3 class="title">Vertical group</h3>
+<form
+    orientation="vertical"
+    tuiGroup
+    class="group"
+    [collapsed]="true"
+    [formGroup]="testForm"
+>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="oranges"
+        />
+        Oranges
+    </label>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="apples"
+        />
+        Apples
+    </label>
+    <label tuiBlock>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="pineapples"
+        />
+        Pineapples
+    </label>
+</form>
+<h3 class="title">Without checkbox indicators</h3>
+<form
+    tuiGroup
+    class="group"
+    [collapsed]="true"
+    [formGroup]="testForm"
+>
+    <label
+        appearance=""
+        tuiBlock
+    >
+        <input
+            formControlName="testValue"
+            tuiBlock
+            type="radio"
+            value="oranges"
+        />
+        Oranges
+    </label>
+    <label
+        appearance=""
+        tuiBlock
+    >
+        <input
+            formControlName="testValue"
+            tuiBlock
+            type="radio"
+            value="apples"
+        />
+        Apples
+    </label>
+    <label
+        appearance=""
+        tuiBlock
+    >
+        <input
+            formControlName="testValue"
+            tuiBlock
+            type="radio"
+            value="pineapples"
+        />
+        Pineapples
+    </label>
+</form>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/2/index.less b/projects/demo/src/modules/components/block/examples/2/index.less
similarity index 100%
rename from projects/demo/src/modules/components/checkbox-block/examples/2/index.less
rename to projects/demo/src/modules/components/block/examples/2/index.less
diff --git a/projects/demo/src/modules/components/radio-block/examples/1/index.ts b/projects/demo/src/modules/components/block/examples/2/index.ts
similarity index 80%
rename from projects/demo/src/modules/components/radio-block/examples/1/index.ts
rename to projects/demo/src/modules/components/block/examples/2/index.ts
index 34fc78f45367..17f0695f0c92 100644
--- a/projects/demo/src/modules/components/radio-block/examples/1/index.ts
+++ b/projects/demo/src/modules/components/block/examples/2/index.ts
@@ -4,12 +4,13 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 
 @Component({
-    selector: 'tui-radio-block-example-1',
+    selector: 'tui-block-example-2',
     templateUrl: './index.html',
+    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
-export class TuiRadioBlockExample1 {
+export class TuiBlockExample2 {
     protected readonly testForm = new FormGroup({
         testValue: new FormControl('orange'),
     });
diff --git a/projects/demo/src/modules/components/block/examples/3/index.html b/projects/demo/src/modules/components/block/examples/3/index.html
new file mode 100644
index 000000000000..5298584211d8
--- /dev/null
+++ b/projects/demo/src/modules/components/block/examples/3/index.html
@@ -0,0 +1,63 @@
+<form
+    class="b-form"
+    [formGroup]="testForm"
+>
+    <label tuiBlock>
+        <tui-avatar src="https://avatars.githubusercontent.com/u/11832552"></tui-avatar>
+        Heading
+        <input
+            formControlName="testValue1"
+            tuiCheckbox
+            type="checkbox"
+        />
+    </label>
+    <label
+        appearance=""
+        tuiBlock
+    >
+        <tui-avatar src="https://avatars.githubusercontent.com/u/11832552"></tui-avatar>
+        <span
+            tuiTitle
+            [style.margin]="0"
+        >
+            <span tuiSubtitle>Taiga UI</span>
+            Alex Inkin
+        </span>
+        <tui-icon icon="tuiIconHeartLarge"></tui-icon>
+        <input
+            formControlName="testValue2"
+            tuiBlock
+            type="checkbox"
+        />
+    </label>
+    <label tuiBlock>
+        <span tuiTitle>
+            Heading
+            <span tuiSubtitle>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque incidunt itaque iusto natus
+                quaerat quia similique veniam?
+            </span>
+        </span>
+        <input
+            formControlName="testValue3"
+            tuiToggle
+            type="checkbox"
+        />
+    </label>
+    <label
+        tuiBlock="m"
+        [style.align-self]="'stretch'"
+    >
+        <input
+            formControlName="testValue3"
+            size="s"
+            tuiToggle
+            type="checkbox"
+        />
+        Enable
+        <tui-tooltip
+            content="Enabling this will cause trouble"
+            [style.margin-left]="'auto'"
+        ></tui-tooltip>
+    </label>
+</form>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/3/index.less b/projects/demo/src/modules/components/block/examples/3/index.less
similarity index 82%
rename from projects/demo/src/modules/components/checkbox-block/examples/3/index.less
rename to projects/demo/src/modules/components/block/examples/3/index.less
index 15b395e7de98..d6953bcb6835 100644
--- a/projects/demo/src/modules/components/checkbox-block/examples/3/index.less
+++ b/projects/demo/src/modules/components/block/examples/3/index.less
@@ -1,5 +1,12 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
+form {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+}
+
 .content {
     display: flex;
     align-items: center;
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/3/index.ts b/projects/demo/src/modules/components/block/examples/3/index.ts
similarity index 80%
rename from projects/demo/src/modules/components/checkbox-block/examples/3/index.ts
rename to projects/demo/src/modules/components/block/examples/3/index.ts
index fc562bd8ef62..fe26fd3185d3 100644
--- a/projects/demo/src/modules/components/checkbox-block/examples/3/index.ts
+++ b/projects/demo/src/modules/components/block/examples/3/index.ts
@@ -4,14 +4,14 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
 
 @Component({
-    selector: 'tui-checkbox-block-example-3',
+    selector: 'tui-block-example-3',
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
-export class TuiCheckboxBlockExample3 {
-    protected testForm = new FormGroup({
+export class TuiBlockExample3 {
+    protected readonly testForm = new FormGroup({
         testValue1: new FormControl(false),
         testValue2: new FormControl(false),
         testValue3: new FormControl(false),
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/import/import-module.md b/projects/demo/src/modules/components/block/examples/import/import-module.md
similarity index 55%
rename from projects/demo/src/modules/components/checkbox-block/examples/import/import-module.md
rename to projects/demo/src/modules/components/block/examples/import/import-module.md
index 2b04fbd47c26..f1aa5a1c1c39 100644
--- a/projects/demo/src/modules/components/checkbox-block/examples/import/import-module.md
+++ b/projects/demo/src/modules/components/block/examples/import/import-module.md
@@ -1,6 +1,6 @@
 ```ts
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {TuiCheckboxBlockModule} from '@taiga-ui/kit';
+import {TuiBlockDirective, TuiCheckboxComponent} from '@taiga-ui/kit';
 
 // ...
 
@@ -8,8 +8,8 @@ import {TuiCheckboxBlockModule} from '@taiga-ui/kit';
   imports: [
     // ...
     FormsModule,
-    ReactiveFormsModule,
-    TuiCheckboxBlockModule,
+    TuiBlockDirective,
+    TuiCheckboxComponent, // or TuiRadioComponent
   ],
   // ...
 })
diff --git a/projects/demo/src/modules/components/block/examples/import/insert-template.md b/projects/demo/src/modules/components/block/examples/import/insert-template.md
new file mode 100644
index 000000000000..0bd48d47e81b
--- /dev/null
+++ b/projects/demo/src/modules/components/block/examples/import/insert-template.md
@@ -0,0 +1,21 @@
+```html
+<!-- Visible checkbox -->
+<label tuiBlock>
+  <input
+    type="checkbox"
+    tuiCheckbox
+    [(ngModel)]="value"
+  />
+  I'm a label
+</label>
+
+<!-- Implicit checkbox -->
+<label tuiBlock>
+  <input
+    type="checkbox"
+    tuiBlock
+    [(ngModel)]="value"
+  />
+  I'm a label
+</label>
+```
diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.component.ts b/projects/demo/src/modules/components/checkbox-block/checkbox-block.component.ts
deleted file mode 100644
index 0f68aa2acd5d..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import {Component, forwardRef} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiHorizontalDirection, TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
-
-import {AbstractExampleTuiControl} from '../abstract/control';
-import {ABSTRACT_PROPS_ACCESSOR} from '../abstract/inherited-documentation/abstract-props-accessor';
-
-@Component({
-    selector: 'example-tui-checkbox-block',
-    templateUrl: './checkbox-block.template.html',
-    styleUrls: ['./checkbox-block.style.less'],
-    changeDetection,
-    providers: [
-        {
-            provide: ABSTRACT_PROPS_ACCESSOR,
-            useExisting: forwardRef(() => ExampleTuiCheckboxBlockComponent),
-        },
-    ],
-})
-export class ExampleTuiCheckboxBlockComponent extends AbstractExampleTuiControl {
-    protected readonly exampleForm = import('./examples/import/declare-form.md?raw');
-    protected readonly exampleModule = import('./examples/import/import-module.md?raw');
-    protected readonly exampleHtml = import('./examples/import/insert-template.md?raw');
-
-    protected readonly example1: TuiDocExample = {
-        TypeScript: import('./examples/1/index.ts?raw'),
-        HTML: import('./examples/1/index.html?raw'),
-    };
-
-    protected readonly example2: TuiDocExample = {
-        TypeScript: import('./examples/2/index.ts?raw'),
-        HTML: import('./examples/2/index.html?raw'),
-    };
-
-    protected readonly example3: TuiDocExample = {
-        TypeScript: import('./examples/3/index.ts?raw'),
-        HTML: import('./examples/3/index.html?raw'),
-        LESS: import('./examples/3/index.less?raw'),
-    };
-
-    protected readonly contentAlignVariants: readonly TuiHorizontalDirection[] = [
-        'left',
-        'right',
-    ];
-
-    protected contentAlign: TuiHorizontalDirection = this.contentAlignVariants[1];
-
-    protected hideCheckbox = false;
-
-    protected readonly sizes: ReadonlyArray<TuiSizeL | TuiSizeXS> = ['xs', 's', 'm', 'l'];
-
-    protected currentSize = this.sizes[3];
-
-    public readonly control = new FormGroup({
-        testValue1: new FormControl(false),
-        testValue2: new FormControl<boolean | null>(null),
-        testValue3: new FormControl(true),
-    });
-
-    public override get disabled(): boolean {
-        return this.control.disabled;
-    }
-
-    public override set disabled(value: boolean) {
-        if (value) {
-            this.control.disable();
-        } else {
-            this.control.enable();
-        }
-    }
-}
diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.module.ts b/projects/demo/src/modules/components/checkbox-block/checkbox-block.module.ts
deleted file mode 100644
index 9d0aa0ec155f..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.module.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import {CommonModule} from '@angular/common';
-import {NgModule} from '@angular/core';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {RouterModule} from '@angular/router';
-import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
-import {TuiButtonModule, TuiGroupDirective, TuiTooltipModule} from '@taiga-ui/core';
-import {
-    TuiAvatarComponent,
-    TuiCheckboxBlockModule,
-    TuiRadioListModule,
-} from '@taiga-ui/kit';
-
-import {InheritedDocumentationModule} from '../abstract/inherited-documentation/inherited-documentation.module';
-import {ExampleTuiCheckboxBlockComponent} from './checkbox-block.component';
-import {TuiCheckboxBlockExample1} from './examples/1';
-import {TuiCheckboxBlockExample2} from './examples/2';
-import {TuiCheckboxBlockExample3} from './examples/3';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule,
-        TuiCheckboxBlockModule,
-        TuiGroupDirective,
-        TuiAddonDocModule,
-        InheritedDocumentationModule,
-        ReactiveFormsModule,
-        CommonModule,
-        TuiAvatarComponent,
-        TuiRadioListModule,
-        TuiButtonModule,
-        TuiTooltipModule,
-        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiCheckboxBlockComponent)),
-    ],
-    declarations: [
-        TuiCheckboxBlockExample1,
-        TuiCheckboxBlockExample2,
-        TuiCheckboxBlockExample3,
-        ExampleTuiCheckboxBlockComponent,
-    ],
-    exports: [ExampleTuiCheckboxBlockComponent],
-})
-export class ExampleTuiCheckboxBlockModule {}
diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.style.less b/projects/demo/src/modules/components/checkbox-block/checkbox-block.style.less
deleted file mode 100644
index 01f67c652de2..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.style.less
+++ /dev/null
@@ -1,5 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
-
-.wrapper {
-    margin-top: 1.875rem;
-}
diff --git a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html b/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html
deleted file mode 100644
index 976341360341..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/checkbox-block.template.html
+++ /dev/null
@@ -1,173 +0,0 @@
-<tui-doc-page
-    header="CheckboxBlock"
-    package="KIT"
-    type="components"
->
-    <ng-template pageTab>
-        <p>
-            <code>CheckboxBlock</code>
-            can be used in forms where selected option does not change or update content (e.g. does not work like a
-            filter). It may be grouped in horizontal row only except the mobile view
-        </p>
-
-        <tui-doc-example
-            id="sizes"
-            heading="Sizes"
-            [content]="example1"
-        >
-            <tui-checkbox-block-example-1></tui-checkbox-block-example-1>
-        </tui-doc-example>
-
-        <tui-doc-example
-            id="groups"
-            heading="Groups"
-            [content]="example2"
-        >
-            <tui-checkbox-block-example-2></tui-checkbox-block-example-2>
-        </tui-doc-example>
-
-        <tui-doc-example
-            id="custom"
-            heading="Custom"
-            [content]="example3"
-        >
-            <tui-checkbox-block-example-3></tui-checkbox-block-example-3>
-        </tui-doc-example>
-    </ng-template>
-
-    <ng-template pageTab>
-        <tui-doc-demo [control]="control">
-            <ng-template>
-                <form [formGroup]="control">
-                    <tui-checkbox-block
-                        formControlName="testValue1"
-                        class="tui-space_all-1"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [hideCheckbox]="hideCheckbox"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        One option
-                    </tui-checkbox-block>
-                    <tui-checkbox-block
-                        formControlName="testValue2"
-                        class="tui-space_all-1"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [hideCheckbox]="hideCheckbox"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        An alternative one
-                    </tui-checkbox-block>
-                    <tui-checkbox-block
-                        formControlName="testValue3"
-                        class="tui-space_all-1"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [hideCheckbox]="hideCheckbox"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        Other
-                    </tui-checkbox-block>
-                </form>
-            </ng-template>
-        </tui-doc-demo>
-        <tui-doc-documentation>
-            <ng-template
-                documentationPropertyName="disabled"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="disabled"
-            >
-                Disabled state (use
-                <code>formControl.disable()</code>
-                )
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="contentAlign"
-                documentationPropertyType="TuiHorizontalDirection"
-                [documentationPropertyValues]="contentAlignVariants"
-                [(documentationPropertyValue)]="contentAlign"
-            >
-                Left/right content align
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="hideCheckbox"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="hideCheckbox"
-            >
-                Hide checkbox
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="size"
-                documentationPropertyType="TuiSizeXS | TuiSizeL"
-                [documentationPropertyValues]="sizes"
-                [(documentationPropertyValue)]="currentSize"
-            >
-                Size
-            </ng-template>
-        </tui-doc-documentation>
-        <inherited-documentation
-            [withHint]="false"
-            [withTextFieldController]="false"
-        ></inherited-documentation>
-    </ng-template>
-
-    <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
-                <p>
-                    Import an Angular module for forms and
-                    <code>TuiCheckboxBlockModule</code>
-                    in the same module where you want to use our component:
-                </p>
-
-                <tui-doc-code
-                    filename="my.module.ts"
-                    [code]="exampleModule"
-                ></tui-doc-code>
-            </li>
-
-            <li>
-                <p>
-                    Declare a form (
-                    <code>FormGroup</code>
-                    ) or a control (
-                    <code>FormControl</code>
-                    ) in your component:
-                </p>
-
-                <tui-doc-code
-                    filename="my.component.ts"
-                    [code]="exampleForm"
-                ></tui-doc-code>
-            </li>
-
-            <li>
-                <p>Add to the template:</p>
-
-                <tui-doc-code
-                    filename="my.component.html"
-                    [code]="exampleHtml"
-                ></tui-doc-code>
-            </li>
-        </ol>
-    </ng-template>
-</tui-doc-page>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/1/index.html b/projects/demo/src/modules/components/checkbox-block/examples/1/index.html
deleted file mode 100644
index 27931d1bbbb9..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/1/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<form [formGroup]="testForm">
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue1"
-            size="xs"
-        >
-            Grapes
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue2"
-            size="s"
-        >
-            Qiwi
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue3"
-            size="m"
-        >
-            Oranges
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue4"
-            size="l"
-        >
-            Watermelons
-        </tui-checkbox-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/1/index.ts b/projects/demo/src/modules/components/checkbox-block/examples/1/index.ts
deleted file mode 100644
index ad20b9a43938..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/1/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {encapsulation} from '@demo/emulate/encapsulation';
-
-@Component({
-    selector: 'tui-checkbox-block-example-1',
-    templateUrl: './index.html',
-    encapsulation,
-    changeDetection,
-})
-export class TuiCheckboxBlockExample1 {
-    protected testForm = new FormGroup({
-        testValue1: new FormControl(false),
-        testValue2: new FormControl(false),
-        testValue3: new FormControl(false),
-        testValue4: new FormControl(false),
-    });
-}
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/2/index.html b/projects/demo/src/modules/components/checkbox-block/examples/2/index.html
deleted file mode 100644
index c5a8b8d300e5..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/2/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<h3 class="title">Horizontal group</h3>
-<form
-    class="group"
-    [formGroup]="testForm"
->
-    <div
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue1"
-            size="l"
-        >
-            Oranges
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue2"
-            size="l"
-        >
-            Apples
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue3"
-            size="l"
-        >
-            Pineapples
-        </tui-checkbox-block>
-    </div>
-</form>
-<h3 class="title">Vertical group</h3>
-<form [formGroup]="testForm">
-    <div
-        orientation="vertical"
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue1"
-            size="l"
-        >
-            Oranges
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue2"
-            size="l"
-        >
-            Apples
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue3"
-            size="l"
-        >
-            Pineapples
-        </tui-checkbox-block>
-    </div>
-</form>
-<h3 class="title">Without checkbox indicators</h3>
-<form
-    class="group"
-    [formGroup]="testForm"
->
-    <div
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue1"
-            size="l"
-            [hideCheckbox]="true"
-        >
-            Oranges
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue2"
-            size="l"
-            [hideCheckbox]="true"
-        >
-            Apples
-        </tui-checkbox-block>
-        <tui-checkbox-block
-            contentAlign="right"
-            formControlName="testValue3"
-            size="l"
-            [hideCheckbox]="true"
-        >
-            Pineapples
-        </tui-checkbox-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/2/index.ts b/projects/demo/src/modules/components/checkbox-block/examples/2/index.ts
deleted file mode 100644
index ff61a16a596a..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {encapsulation} from '@demo/emulate/encapsulation';
-
-@Component({
-    selector: 'tui-checkbox-block-example-2',
-    templateUrl: './index.html',
-    styleUrls: ['./index.less'],
-    encapsulation,
-    changeDetection,
-})
-export class TuiCheckboxBlockExample2 {
-    protected testForm = new FormGroup({
-        testValue1: new FormControl(false),
-        testValue2: new FormControl(false),
-        testValue3: new FormControl(false),
-    });
-}
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/3/index.html b/projects/demo/src/modules/components/checkbox-block/examples/3/index.html
deleted file mode 100644
index 0ff12f04a5e5..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/3/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<form
-    class="b-form"
-    [formGroup]="testForm"
->
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            formControlName="testValue1"
-            size="l"
-        >
-            <div class="content">
-                <tui-avatar
-                    size="s"
-                    class="tui-space_right-3"
-                >
-                    H
-                </tui-avatar>
-                Heading
-            </div>
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            formControlName="testValue2"
-            size="l"
-        >
-            <div class="content">
-                <tui-avatar
-                    size="s"
-                    class="tui-space_right-3"
-                >
-                    P
-                </tui-avatar>
-                <div>
-                    <div class="label">Label</div>
-                    Placeholder
-                </div>
-            </div>
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            formControlName="testValue3"
-            size="l"
-        >
-            <div class="inner">
-                Heading
-                <div class="text">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque incidunt itaque iusto natus
-                    quaerat quia similique veniam?
-                </div>
-            </div>
-        </tui-checkbox-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-checkbox-block
-            contentAlign="left"
-            formControlName="testValue4"
-            nativeId="example3"
-            size="l"
-        >
-            <div class="inner inner_flex">
-                Some heading
-                <tui-tooltip
-                    content="some tooltip content"
-                    describeId="example3"
-                ></tui-tooltip>
-            </div>
-        </tui-checkbox-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/import/declare-form.md b/projects/demo/src/modules/components/checkbox-block/examples/import/declare-form.md
deleted file mode 100644
index 0e736be06367..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/import/declare-form.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import {FormControl, FormGroup} from '@angular/forms';
-
-// ...
-
-@Component({
-  // ...
-})
-export class MyComponent {
-  testForm = new FormGroup({
-    testValue: new FormControl(),
-  });
-}
-```
diff --git a/projects/demo/src/modules/components/checkbox-block/examples/import/insert-template.md b/projects/demo/src/modules/components/checkbox-block/examples/import/insert-template.md
deleted file mode 100644
index f938e8ba1fe7..000000000000
--- a/projects/demo/src/modules/components/checkbox-block/examples/import/insert-template.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```html
-<form [formGroup]="testForm">
-  <tui-checkbox-block formControlName="testValue">Content</tui-checkbox-block>
-</form>
-```
diff --git a/projects/demo/src/modules/components/group/examples/3/index.html b/projects/demo/src/modules/components/group/examples/3/index.html
index e194754b8478..aa54f4830d8c 100644
--- a/projects/demo/src/modules/components/group/examples/3/index.html
+++ b/projects/demo/src/modules/components/group/examples/3/index.html
@@ -5,28 +5,35 @@
     [collapsed]="true"
     [formGroup]="testForm"
 >
-    <tui-radio-block
-        contentAlign="right"
-        formControlName="testValue"
-        item="orange"
-        size="l"
+    <label
+        tuiBlock
+        [style.justify-content]="'space-between'"
     >
         Oranges
-    </tui-radio-block>
-    <tui-radio-block
-        contentAlign="right"
-        formControlName="testValue"
-        item="apple"
-        size="l"
-    >
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="orange"
+        />
+    </label>
+    <label tuiBlock>
         Apples
-    </tui-radio-block>
-    <tui-radio-block
-        contentAlign="right"
-        formControlName="testValue"
-        item="pineapple"
-        size="l"
-    >
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="apple"
+            [style.margin-inline-start]="'auto'"
+        />
+    </label>
+    <label tuiBlock>
         Pineapples
-    </tui-radio-block>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="pineapple"
+        />
+    </label>
 </form>
diff --git a/projects/demo/src/modules/components/group/examples/4/index.html b/projects/demo/src/modules/components/group/examples/4/index.html
index 2b3535a5f586..2b674cc33638 100644
--- a/projects/demo/src/modules/components/group/examples/4/index.html
+++ b/projects/demo/src/modules/components/group/examples/4/index.html
@@ -5,31 +5,33 @@
     [collapsed]="true"
     [formGroup]="testForm"
 >
-    <tui-radio-block
-        contentAlign="right"
-        formControlName="testValue"
-        item="orange"
-        size="l"
-    >
-        <div class="content">
-            <strong>Oranges</strong>
-            <div>An orange is a fruit of various citrus species in the family Rutaceae</div>
-        </div>
-    </tui-radio-block>
-    <tui-radio-block
-        contentAlign="right"
-        formControlName="testValue"
-        item="pineapple"
-        size="l"
-    >
-        <div class="content">
-            <strong>Pineapples</strong>
-            <div>
+    <label tuiBlock>
+        <span tuiTitle>
+            Orange
+            <span tuiSubtitle>An orange is a fruit of various citrus species in the family Rutaceae</span>
+        </span>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="orange"
+        />
+    </label>
+    <label tuiBlock>
+        <span tuiTitle>
+            Pineapple
+            <span tuiSubtitle>
                 Not to be confused with neither
                 <em>pines</em>
                 nor
                 <em>apples</em>
-            </div>
-        </div>
-    </tui-radio-block>
+            </span>
+        </span>
+        <input
+            formControlName="testValue"
+            tuiRadio
+            type="radio"
+            value="pineapple"
+        />
+    </label>
 </form>
diff --git a/projects/demo/src/modules/components/group/group.module.ts b/projects/demo/src/modules/components/group/group.module.ts
index 9699e5eba7e9..77b21fcce59b 100644
--- a/projects/demo/src/modules/components/group/group.module.ts
+++ b/projects/demo/src/modules/components/group/group.module.ts
@@ -1,9 +1,8 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {RouterModule} from '@angular/router';
 import {TuiCurrencyPipeModule} from '@taiga-ui/addon-commerce';
-import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
+import {tuiGetDocModules} from '@taiga-ui/addon-doc';
 import {
     TuiDataListModule,
     TuiErrorModule,
@@ -13,9 +12,10 @@ import {
     TuiModeModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
-import {TuiButtonModule} from '@taiga-ui/experimental';
+import {TuiButtonModule, TuiRadioModule, TuiTitleModule} from '@taiga-ui/experimental';
 import {
     TuiBadgeDirective,
+    TuiBlockDirective,
     TuiComboBoxModule,
     TuiDataListWrapperModule,
     TuiFieldErrorPipeModule,
@@ -23,7 +23,6 @@ import {
     TuiInputNumberModule,
     TuiMultiSelectModule,
     TuiProjectClassModule,
-    TuiRadioBlockModule,
     TuiSelectModule,
 } from '@taiga-ui/kit';
 
@@ -36,7 +35,6 @@ import {ExampleTuiGroupComponent} from './group.component';
 @NgModule({
     imports: [
         TuiProjectClassModule,
-        TuiRadioBlockModule,
         TuiLinkModule,
         TuiBadgeDirective,
         TuiButtonModule,
@@ -56,9 +54,11 @@ import {ExampleTuiGroupComponent} from './group.component';
         ReactiveFormsModule,
         TuiTextfieldControllerModule,
         TuiHintModule,
-        TuiAddonDocModule,
         TuiMultiSelectModule,
-        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiGroupComponent)),
+        TuiBlockDirective,
+        TuiRadioModule,
+        tuiGetDocModules(ExampleTuiGroupComponent),
+        TuiTitleModule,
     ],
     declarations: [
         ExampleTuiGroupComponent,
diff --git a/projects/demo/src/modules/components/group/group.template.html b/projects/demo/src/modules/components/group/group.template.html
index c25d4cb9854b..b35ab74d4d3e 100644
--- a/projects/demo/src/modules/components/group/group.template.html
+++ b/projects/demo/src/modules/components/group/group.template.html
@@ -156,11 +156,7 @@
     <ng-template pageTab>
         <ol class="b-demo-steps">
             <li>
-                <p>
-                    Import
-                    <code>TuiGroupDirective</code>
-                    into a module where you want to use our component
-                </p>
+                <p>Add an import:</p>
 
                 <tui-doc-code
                     filename="my.module.ts"
diff --git a/projects/demo/src/modules/components/items-with-more/examples/2/index.html b/projects/demo/src/modules/components/items-with-more/examples/2/index.html
index 578b06aa4b4d..10be0bf3e4c2 100644
--- a/projects/demo/src/modules/components/items-with-more/examples/2/index.html
+++ b/projects/demo/src/modules/components/items-with-more/examples/2/index.html
@@ -3,16 +3,19 @@
     [collapsed]="true"
 >
     <ng-container *ngFor="let item of items; let index = index">
-        <tui-checkbox-block
+        <label
             *tuiItem
-            size="m"
-            class="item"
-            [hideCheckbox]="true"
-            [ngModel]="value[index]"
-            (ngModelChange)="onModelChange(index)"
+            appearance=""
+            tuiBlock="m"
+            [style.border-radius]="'inherit'"
         >
             {{ item }}
-        </tui-checkbox-block>
+            <input
+                tuiBlock
+                type="checkbox"
+                [(ngModel)]="value[index]"
+            />
+        </label>
     </ng-container>
     <ng-template
         let-lastIndex
@@ -39,7 +42,7 @@
                         <button
                             *ngIf="index > lastIndex"
                             tuiOption
-                            (click)="onModelChange(index)"
+                            (click)="value[index] = !value[index]"
                         >
                             {{ item }}
                             <tui-svg
diff --git a/projects/demo/src/modules/components/items-with-more/examples/2/index.ts b/projects/demo/src/modules/components/items-with-more/examples/2/index.ts
index ca4535b3e6be..a0576c95e369 100644
--- a/projects/demo/src/modules/components/items-with-more/examples/2/index.ts
+++ b/projects/demo/src/modules/components/items-with-more/examples/2/index.ts
@@ -21,8 +21,4 @@ export class TuiItemsWithMoreExample2 {
     ];
 
     protected value = this.items.map(ALWAYS_FALSE_HANDLER) as boolean[];
-
-    protected onModelChange(index: number): void {
-        this.value[index] = !this.value[index];
-    }
 }
diff --git a/projects/demo/src/modules/components/items-with-more/items-with-more.module.ts b/projects/demo/src/modules/components/items-with-more/items-with-more.module.ts
index 0994c8692ef3..aef61570379c 100644
--- a/projects/demo/src/modules/components/items-with-more/items-with-more.module.ts
+++ b/projects/demo/src/modules/components/items-with-more/items-with-more.module.ts
@@ -1,8 +1,8 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {RouterModule} from '@angular/router';
-import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
+import {TuiExamplePipe} from '@demo/utils';
+import {tuiGetDocModules} from '@taiga-ui/addon-doc';
 import {
     TuiButtonModule,
     TuiDataListModule,
@@ -14,7 +14,7 @@ import {
 } from '@taiga-ui/core';
 import {
     TuiBadgeDirective,
-    TuiCheckboxBlockModule,
+    TuiBlockDirective,
     TuiItemsWithMoreModule,
     TuiTagModule,
 } from '@taiga-ui/kit';
@@ -31,15 +31,15 @@ import {ExampleTuiItemsWithMoreComponent} from './items-with-more.component';
         TuiTagModule,
         TuiNotificationModule,
         TuiItemsWithMoreModule,
-        TuiCheckboxBlockModule,
         TuiBadgeDirective,
         TuiHostedDropdownModule,
         TuiDropdownModule,
         TuiButtonModule,
         TuiDataListModule,
         TuiSvgModule,
-        TuiAddonDocModule,
-        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiItemsWithMoreComponent)),
+        TuiBlockDirective,
+        tuiGetDocModules(ExampleTuiItemsWithMoreComponent),
+        TuiExamplePipe,
     ],
     declarations: [
         ExampleTuiItemsWithMoreComponent,
diff --git a/projects/demo/src/modules/components/items-with-more/items-with-more.template.html b/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
index aebae92df376..9af37d528bc5 100644
--- a/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
+++ b/projects/demo/src/modules/components/items-with-more/items-with-more.template.html
@@ -9,7 +9,7 @@
         <tui-doc-example
             id="base"
             heading="Basic"
-            [content]="example1"
+            [content]="1 | tuiExample: 'html'"
             [fullsize]="true"
         >
             <tui-notification class="tui-space_bottom-3">
@@ -21,7 +21,7 @@
         <tui-doc-example
             id="dropdown"
             heading="Dropdown"
-            [content]="example2"
+            [content]="2 | tuiExample"
             [fullsize]="true"
         >
             <tui-items-with-more-example-2></tui-items-with-more-example-2>
@@ -79,11 +79,7 @@
     <ng-template pageTab>
         <ol class="b-demo-steps">
             <li>
-                <p>
-                    Import
-                    <code>TuiItemsWithMoreModule</code>
-                    into a module where you want to use our component
-                </p>
+                <p>Add an import:</p>
 
                 <tui-doc-code
                     filename="my.module.ts"
diff --git a/projects/demo/src/modules/components/radio-block/examples/1/index.html b/projects/demo/src/modules/components/radio-block/examples/1/index.html
deleted file mode 100644
index 33777759fa52..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/1/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<form [formGroup]="testForm">
-    <div class="tui-form__row">
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="grapes"
-            size="xs"
-        >
-            Grapes
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="qiwi"
-            size="s"
-        >
-            Qiwi
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="orange"
-            size="m"
-        >
-            Oranges
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="apple"
-            size="l"
-        >
-            Watermelons
-        </tui-radio-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/radio-block/examples/2/index.html b/projects/demo/src/modules/components/radio-block/examples/2/index.html
deleted file mode 100644
index 3c2192bc7298..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/2/index.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<h3 class="title">Horizontal group</h3>
-<form
-    class="group"
-    [formGroup]="testForm"
->
-    <div
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="orange"
-            size="l"
-        >
-            Oranges
-        </tui-radio-block>
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="apple"
-            size="l"
-        >
-            Apples
-        </tui-radio-block>
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="pineapple"
-            size="l"
-        >
-            Pineapples
-        </tui-radio-block>
-    </div>
-</form>
-<h3 class="title">Vertical group</h3>
-<form [formGroup]="testForm">
-    <div
-        orientation="vertical"
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="orange"
-            size="l"
-        >
-            Oranges
-        </tui-radio-block>
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="apple"
-            size="l"
-        >
-            Apples
-        </tui-radio-block>
-        <tui-radio-block
-            contentAlign="right"
-            formControlName="testValue"
-            item="pineapple"
-            size="l"
-        >
-            Pineapples
-        </tui-radio-block>
-    </div>
-</form>
-<h3 class="title">Group without radio indicators</h3>
-<form
-    class="group"
-    [formGroup]="testForm"
->
-    <div
-        tuiGroup
-        class="group"
-        [collapsed]="true"
-    >
-        <tui-radio-block
-            *ngFor="let fruit of fruits"
-            contentAlign="right"
-            formControlName="testValue"
-            size="l"
-            [hideRadio]="true"
-            [item]="fruit"
-        >
-            {{ fruit }}
-        </tui-radio-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/radio-block/examples/2/index.less b/projects/demo/src/modules/components/radio-block/examples/2/index.less
deleted file mode 100644
index 8f443997c87f..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/2/index.less
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
-
-.group {
-    max-width: 33rem;
-    margin-bottom: 1.5rem;
-}
-
-.title {
-    font: var(--tui-font-heading-5);
-    margin: 0 0 1rem;
-}
diff --git a/projects/demo/src/modules/components/radio-block/examples/2/index.ts b/projects/demo/src/modules/components/radio-block/examples/2/index.ts
deleted file mode 100644
index e0d9e3d26c9f..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {encapsulation} from '@demo/emulate/encapsulation';
-
-@Component({
-    selector: 'tui-radio-block-example-2',
-    templateUrl: './index.html',
-    styleUrls: ['./index.less'],
-    encapsulation,
-    changeDetection,
-})
-export class TuiRadioBlockExample2 {
-    protected readonly testForm = new FormGroup({
-        testValue: new FormControl('orange'),
-    });
-
-    protected readonly fruits = ['apple', 'orange', 'pineapple'];
-}
diff --git a/projects/demo/src/modules/components/radio-block/examples/3/index.html b/projects/demo/src/modules/components/radio-block/examples/3/index.html
deleted file mode 100644
index ecf6559248ce..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/3/index.html
+++ /dev/null
@@ -1,74 +0,0 @@
-<form
-    class="control"
-    [formGroup]="testForm"
->
-    <div class="tui-form__row">
-        <tui-radio-block
-            formControlName="testValue"
-            item="example1"
-            size="l"
-        >
-            <div class="content">
-                <tui-avatar
-                    size="s"
-                    class="tui-space_right-3"
-                >
-                    H
-                </tui-avatar>
-                Heading
-            </div>
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            formControlName="testValue"
-            item="example2"
-            size="l"
-        >
-            <div class="content">
-                <tui-avatar
-                    size="s"
-                    class="tui-space_right-3"
-                >
-                    H
-                </tui-avatar>
-                <div>
-                    <div class="label">Label</div>
-                    Placeholder
-                </div>
-            </div>
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            formControlName="testValue"
-            item="example3"
-            size="l"
-        >
-            <div class="inner">
-                Heading
-                <div class="text">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque incidunt itaque iusto natus
-                    quaerat quia similique veniam?
-                </div>
-            </div>
-        </tui-radio-block>
-    </div>
-    <div class="tui-form__row">
-        <tui-radio-block
-            contentAlign="left"
-            formControlName="testValue"
-            item="example4"
-            nativeId="example4"
-            size="l"
-        >
-            <div class="inner inner_flex">
-                Some content
-                <tui-tooltip
-                    content="And hint in the tooltip"
-                    describeId="example4"
-                ></tui-tooltip>
-            </div>
-        </tui-radio-block>
-    </div>
-</form>
diff --git a/projects/demo/src/modules/components/radio-block/examples/3/index.less b/projects/demo/src/modules/components/radio-block/examples/3/index.less
deleted file mode 100644
index ad1f8881dcc6..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/3/index.less
+++ /dev/null
@@ -1,33 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
-
-.control {
-    max-width: 17rem;
-}
-
-.content {
-    display: flex;
-    align-items: center;
-}
-
-.label {
-    font: var(--tui-font-text-s);
-    color: var(--tui-text-03);
-}
-
-.text {
-    font: var(--tui-font-text-s);
-    margin-top: @space;
-    color: var(--tui-text-02);
-}
-
-.inner {
-    margin: 1rem 0;
-    white-space: normal;
-
-    &_flex {
-        display: flex;
-        justify-content: space-between;
-        margin: 0;
-        width: 14rem;
-    }
-}
diff --git a/projects/demo/src/modules/components/radio-block/examples/4/index.html b/projects/demo/src/modules/components/radio-block/examples/4/index.html
deleted file mode 100644
index ecb054c88029..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/4/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<form
-    tuiGroup
-    [collapsed]="true"
-    [formGroup]="form"
->
-    <tui-radio-block
-        *ngFor="let item of items"
-        formControlName="control"
-        class="control"
-        [hideRadio]="true"
-        [item]="item"
-    >
-        {{ item }}
-        <button
-            appearance="icon"
-            icon="tuiIconClose"
-            size="xs"
-            tuiIconButton
-            type="reset"
-            class="button"
-        ></button>
-    </tui-radio-block>
-</form>
-<pre>{{ form.value | json }}</pre>
diff --git a/projects/demo/src/modules/components/radio-block/examples/4/index.less b/projects/demo/src/modules/components/radio-block/examples/4/index.less
deleted file mode 100644
index cde52d5312d6..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/4/index.less
+++ /dev/null
@@ -1,11 +0,0 @@
-.control {
-    flex: initial;
-
-    &._active .button {
-        display: inline-block;
-    }
-}
-
-.button {
-    display: none;
-}
diff --git a/projects/demo/src/modules/components/radio-block/examples/4/index.ts b/projects/demo/src/modules/components/radio-block/examples/4/index.ts
deleted file mode 100644
index 409cf86cbc4a..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/4/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import {Component} from '@angular/core';
-import {FormControl, FormGroup} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {encapsulation} from '@demo/emulate/encapsulation';
-
-@Component({
-    selector: 'tui-radio-block-example-4',
-    templateUrl: './index.html',
-    styleUrls: ['./index.less'],
-    encapsulation,
-    changeDetection,
-})
-export class TuiRadioBlockExample4 {
-    protected readonly items = ['Kiwi', 'Orange', 'Apple'];
-    protected readonly form = new FormGroup({
-        control: new FormControl(this.items[1]),
-    });
-}
diff --git a/projects/demo/src/modules/components/radio-block/examples/import/declare-form.md b/projects/demo/src/modules/components/radio-block/examples/import/declare-form.md
deleted file mode 100644
index dc7b6cc6040c..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/import/declare-form.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```ts
-import {FormControl, FormGroup} from '@angular/forms';
-
-// ...
-
-@Component({
-  // ...
-})
-export class MyComponent {
-  testForm = new FormGroup({
-    testValue: new FormControl('orange'),
-  });
-}
-```
diff --git a/projects/demo/src/modules/components/radio-block/examples/import/import-module.md b/projects/demo/src/modules/components/radio-block/examples/import/import-module.md
deleted file mode 100644
index 7196886f0111..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/import/import-module.md
+++ /dev/null
@@ -1,17 +0,0 @@
-```ts
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {TuiRadioBlockModule} from '@taiga-ui/kit';
-
-// ...
-
-@NgModule({
-  imports: [
-    // ...
-    FormsModule,
-    ReactiveFormsModule,
-    TuiRadioBlockModule,
-  ],
-  // ...
-})
-export class MyModule {}
-```
diff --git a/projects/demo/src/modules/components/radio-block/examples/import/insert-template.md b/projects/demo/src/modules/components/radio-block/examples/import/insert-template.md
deleted file mode 100644
index d9e09e4862d0..000000000000
--- a/projects/demo/src/modules/components/radio-block/examples/import/insert-template.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-<form [formGroup]="testForm">
-  <tui-radio-block
-    formControlName="testValue"
-    item="orange"
-  >
-    Oranges
-  </tui-radio-block>
-  <tui-radio-block
-    formControlName="testValue"
-    item="apple"
-  >
-    Apples
-  </tui-radio-block>
-  <tui-radio-block
-    formControlName="testValue"
-    item="pineapple"
-  >
-    Pineapples
-  </tui-radio-block>
-</form>
-```
diff --git a/projects/demo/src/modules/components/radio-block/radio-block.component.ts b/projects/demo/src/modules/components/radio-block/radio-block.component.ts
deleted file mode 100644
index 18c646aedd93..000000000000
--- a/projects/demo/src/modules/components/radio-block/radio-block.component.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {Component, forwardRef} from '@angular/core';
-import {FormControl} from '@angular/forms';
-import {changeDetection} from '@demo/emulate/change-detection';
-import {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiHorizontalDirection, TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
-
-import {AbstractExampleTuiControl} from '../abstract/control';
-import {ABSTRACT_PROPS_ACCESSOR} from '../abstract/inherited-documentation/abstract-props-accessor';
-
-@Component({
-    selector: 'example-tui-radio-block',
-    templateUrl: './radio-block.template.html',
-    changeDetection,
-    providers: [
-        {
-            provide: ABSTRACT_PROPS_ACCESSOR,
-            useExisting: forwardRef(() => ExampleTuiRadioBlockComponent),
-        },
-    ],
-})
-export class ExampleTuiRadioBlockComponent extends AbstractExampleTuiControl {
-    protected readonly exampleModule = import('./examples/import/import-module.md?raw');
-    protected readonly exampleHtml = import('./examples/import/insert-template.md?raw');
-    protected readonly exampleForm = import('./examples/import/declare-form.md?raw');
-
-    protected readonly example1: TuiDocExample = {
-        TypeScript: import('./examples/1/index.ts?raw'),
-        HTML: import('./examples/1/index.html?raw'),
-    };
-
-    protected readonly example2: TuiDocExample = {
-        TypeScript: import('./examples/2/index.ts?raw'),
-        HTML: import('./examples/2/index.html?raw'),
-    };
-
-    protected readonly example3: TuiDocExample = {
-        TypeScript: import('./examples/3/index.ts?raw'),
-        HTML: import('./examples/3/index.html?raw'),
-        LESS: import('./examples/3/index.less?raw'),
-    };
-
-    protected readonly example4: TuiDocExample = {
-        TypeScript: import('./examples/4/index.ts?raw'),
-        HTML: import('./examples/4/index.html?raw'),
-    };
-
-    protected readonly contentAlignVariants: readonly TuiHorizontalDirection[] = [
-        'left',
-        'right',
-    ];
-
-    protected contentAlign: TuiHorizontalDirection = this.contentAlignVariants[1];
-
-    protected hideRadio = false;
-
-    protected readonly sizes: ReadonlyArray<TuiSizeL | TuiSizeXS> = ['xs', 's', 'm', 'l'];
-
-    protected currentSize = this.sizes[3];
-
-    protected pseudoDisabled = false;
-
-    public readonly control = new FormControl('orange');
-
-    public override get disabled(): boolean {
-        return this.control.disabled;
-    }
-
-    public override set disabled(value: boolean) {
-        if (value) {
-            this.control.disable();
-        } else {
-            this.control.enable();
-        }
-    }
-}
diff --git a/projects/demo/src/modules/components/radio-block/radio-block.module.ts b/projects/demo/src/modules/components/radio-block/radio-block.module.ts
deleted file mode 100644
index b4c23a226568..000000000000
--- a/projects/demo/src/modules/components/radio-block/radio-block.module.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import {CommonModule} from '@angular/common';
-import {NgModule} from '@angular/core';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {RouterModule} from '@angular/router';
-import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
-import {TuiButtonModule, TuiGroupDirective, TuiTooltipModule} from '@taiga-ui/core';
-import {TuiAvatarComponent, TuiRadioBlockModule, TuiRadioListModule} from '@taiga-ui/kit';
-
-import {InheritedDocumentationModule} from '../abstract/inherited-documentation/inherited-documentation.module';
-import {TuiRadioBlockExample1} from './examples/1';
-import {TuiRadioBlockExample2} from './examples/2';
-import {TuiRadioBlockExample3} from './examples/3';
-import {TuiRadioBlockExample4} from './examples/4';
-import {ExampleTuiRadioBlockComponent} from './radio-block.component';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule,
-        TuiRadioBlockModule,
-        ReactiveFormsModule,
-        TuiAvatarComponent,
-        TuiRadioListModule,
-        TuiButtonModule,
-        TuiGroupDirective,
-        TuiTooltipModule,
-        InheritedDocumentationModule,
-        TuiAddonDocModule,
-        RouterModule.forChild(tuiGenerateRoutes(ExampleTuiRadioBlockComponent)),
-    ],
-    declarations: [
-        TuiRadioBlockExample1,
-        TuiRadioBlockExample2,
-        TuiRadioBlockExample3,
-        TuiRadioBlockExample4,
-        ExampleTuiRadioBlockComponent,
-    ],
-    exports: [ExampleTuiRadioBlockComponent],
-})
-export class ExampleTuiRadioBlockModule {}
diff --git a/projects/demo/src/modules/components/radio-block/radio-block.template.html b/projects/demo/src/modules/components/radio-block/radio-block.template.html
deleted file mode 100644
index 21a67a9842af..000000000000
--- a/projects/demo/src/modules/components/radio-block/radio-block.template.html
+++ /dev/null
@@ -1,203 +0,0 @@
-<tui-doc-page
-    header="RadioBlock"
-    package="KIT"
-    type="components"
->
-    <ng-template pageTab>
-        <p>Radio inside button with custom content</p>
-
-        <tui-doc-example
-            id="sizes"
-            heading="sizes"
-            [content]="example1"
-        >
-            <tui-radio-block-example-1></tui-radio-block-example-1>
-        </tui-doc-example>
-
-        <tui-doc-example
-            id="groups"
-            heading="Groups"
-            [content]="example2"
-        >
-            <tui-radio-block-example-2></tui-radio-block-example-2>
-        </tui-doc-example>
-
-        <tui-doc-example
-            id="custom"
-            heading="Custom"
-            [content]="example3"
-        >
-            <tui-radio-block-example-3></tui-radio-block-example-3>
-        </tui-doc-example>
-
-        <tui-doc-example
-            id="reset"
-            heading="Reset"
-            [content]="example4"
-        >
-            <tui-radio-block-example-4></tui-radio-block-example-4>
-        </tui-doc-example>
-    </ng-template>
-
-    <ng-template pageTab>
-        <tui-doc-demo [control]="control">
-            <ng-template>
-                <div
-                    tuiGroup
-                    class="group"
-                    [collapsed]="true"
-                >
-                    <tui-radio-block
-                        item="orange"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [formControl]="control"
-                        [hideRadio]="hideRadio"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoDisabled]="pseudoDisabled"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        Oranges
-                    </tui-radio-block>
-                    <tui-radio-block
-                        item="apple"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [formControl]="control"
-                        [hideRadio]="hideRadio"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoDisabled]="pseudoDisabled"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        Apples
-                    </tui-radio-block>
-                    <tui-radio-block
-                        item="pineapple"
-                        [contentAlign]="contentAlign"
-                        [focusable]="focusable"
-                        [formControl]="control"
-                        [hideRadio]="hideRadio"
-                        [pseudoActive]="pseudoPressed"
-                        [pseudoDisabled]="pseudoDisabled"
-                        [pseudoFocus]="pseudoFocused"
-                        [pseudoHover]="pseudoHovered"
-                        [pseudoInvalid]="pseudoInvalid"
-                        [readOnly]="readOnly"
-                        [size]="currentSize"
-                    >
-                        Pinapples
-                    </tui-radio-block>
-                </div>
-            </ng-template>
-        </tui-doc-demo>
-        <tui-doc-documentation>
-            <ng-template
-                documentationPropertyName="disabled"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="disabled"
-            >
-                Disabled state (use
-                <code>formControl.disable()</code>
-                )
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="contentAlign"
-                documentationPropertyType="TuiHorizontalDirection"
-                [documentationPropertyValues]="contentAlignVariants"
-                [(documentationPropertyValue)]="contentAlign"
-            >
-                Radio and content position
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="hideRadio"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="hideRadio"
-            >
-                Hide radio button
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="identityMatcher"
-                documentationPropertyType="TuiIdentityMatcher"
-            >
-                Function that matches value and items, e.g. if objects are copied. Uses
-                <code>===</code>
-                by default.
-
-                <strong>Must be a pure function</strong>
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="pseudoDisabled"
-                documentationPropertyType="boolean"
-                [(documentationPropertyValue)]="pseudoDisabled"
-            >
-                Emulates disabled state without disabling a form
-            </ng-template>
-            <ng-template
-                documentationPropertyMode="input"
-                documentationPropertyName="size"
-                documentationPropertyType="TuiSizeXS | TuiSizeL"
-                [documentationPropertyValues]="sizes"
-                [(documentationPropertyValue)]="currentSize"
-            >
-                Size
-            </ng-template>
-        </tui-doc-documentation>
-        <inherited-documentation
-            [withHint]="false"
-            [withTextFieldController]="false"
-        ></inherited-documentation>
-    </ng-template>
-
-    <ng-template pageTab>
-        <ol class="b-demo-steps">
-            <li>
-                <p>
-                    Import an Angular module for forms and
-                    <code>TuiRadioBlockModule</code>
-                    in the same module where you want to use our component:
-                </p>
-
-                <tui-doc-code
-                    filename="my.module.ts"
-                    [code]="exampleModule"
-                ></tui-doc-code>
-            </li>
-
-            <li>
-                <p>
-                    Declare a form (
-                    <code>FormGroup</code>
-                    ) or a control (
-                    <code>FormControl</code>
-                    ) in your component:
-                </p>
-
-                <tui-doc-code
-                    filename="my.component.ts"
-                    [code]="exampleForm"
-                ></tui-doc-code>
-            </li>
-
-            <li>
-                <p>Add to the template:</p>
-
-                <tui-doc-code
-                    filename="my.component.html"
-                    [code]="exampleHtml"
-                ></tui-doc-code>
-            </li>
-        </ol>
-    </ng-template>
-</tui-doc-page>
diff --git a/projects/demo/src/modules/markup/form/example/index.html b/projects/demo/src/modules/markup/form/example/index.html
index bcc74457d6ff..3a40fa641708 100644
--- a/projects/demo/src/modules/markup/form/example/index.html
+++ b/projects/demo/src/modules/markup/form/example/index.html
@@ -135,22 +135,26 @@ <h3 class="tui-form__header">Header</h3>
                     class="tui-form__row"
                     [collapsed]="true"
                 >
-                    <tui-radio-block
-                        contentAlign="right"
-                        formControlName="radioValue"
-                        item="with-commission"
-                        size="l"
-                    >
+                    <label tuiBlock>
                         One option
-                    </tui-radio-block>
-                    <tui-radio-block
-                        contentAlign="right"
-                        formControlName="radioValue"
-                        item="without-commission"
-                        size="l"
-                    >
+                        <input
+                            formControlName="radioValue"
+                            tuiRadio
+                            type="radio"
+                            value="with-commission"
+                            [style.margin-left]="'auto'"
+                        />
+                    </label>
+                    <label tuiBlock>
                         An alternative one
-                    </tui-radio-block>
+                        <input
+                            formControlName="radioValue"
+                            tuiRadio
+                            type="radio"
+                            value="without-commission"
+                            [style.margin-left]="'auto'"
+                        />
+                    </label>
                 </div>
                 <div class="tui-form__row tui-form__row_half-width">
                     <tui-input-time formControlName="timeValue">Input time</tui-input-time>
diff --git a/projects/demo/src/modules/markup/form/form.module.ts b/projects/demo/src/modules/markup/form/form.module.ts
index b742ee9c5b83..c7ab06ab9d68 100644
--- a/projects/demo/src/modules/markup/form/form.module.ts
+++ b/projects/demo/src/modules/markup/form/form.module.ts
@@ -1,9 +1,8 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {RouterModule} from '@angular/router';
 import {TuiAmountPipe, TuiCurrencyPipeModule} from '@taiga-ui/addon-commerce';
-import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
+import {tuiGetDocModules} from '@taiga-ui/addon-doc';
 import {
     TuiButtonModule,
     TuiDataListModule,
@@ -13,7 +12,9 @@ import {
     TuiLabelModule,
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
+import {TuiRadioModule} from '@taiga-ui/experimental';
 import {
+    TuiBlockDirective,
     TuiCheckboxLabeledModule,
     TuiDataListWrapperModule,
     TuiFieldErrorPipeModule,
@@ -26,7 +27,6 @@ import {
     TuiInputSliderModule,
     TuiInputTagModule,
     TuiInputTimeModule,
-    TuiRadioBlockModule,
     TuiRadioListModule,
     TuiSelectModule,
     TuiStepperModule,
@@ -63,14 +63,14 @@ import {FormComponent} from './form.component';
         TuiInputTagModule,
         TuiSelectModule,
         TuiGroupDirective,
-        TuiRadioBlockModule,
+        TuiBlockDirective,
         TuiTextfieldControllerModule,
         TuiHintModule,
         TuiDataListModule,
         TuiDataListWrapperModule,
         TuiLabelModule,
-        TuiAddonDocModule,
-        RouterModule.forChild(tuiGenerateRoutes(FormComponent)),
+        TuiRadioModule,
+        tuiGetDocModules(FormComponent),
     ],
     declarations: [FormComponent, TuiExample],
     exports: [FormComponent],
diff --git a/projects/demo/used-icons.ts b/projects/demo/used-icons.ts
index 1a2ba6aeccd1..2de437937a23 100644
--- a/projects/demo/used-icons.ts
+++ b/projects/demo/used-icons.ts
@@ -31,10 +31,10 @@ export const TUI_USED_ICONS = [
     'tuiIconBox',
     'tuiIconLock',
     'tuiIconStar',
+    'tuiIconHeartLarge',
     'tuiIconMoreHorizontal',
     'tuiIconArrowRight',
     'tuiIconEyeOff',
-    'tuiIconHeartLarge',
     'tuiIconSearch',
     'tuiIconSettings',
     'tuiIconChevronLeftLarge',
diff --git a/projects/experimental/components/checkbox/checkbox.style.less b/projects/experimental/components/checkbox/checkbox.style.less
index faacd64c17fa..966b94ddb083 100644
--- a/projects/experimental/components/checkbox/checkbox.style.less
+++ b/projects/experimental/components/checkbox/checkbox.style.less
@@ -8,6 +8,7 @@
     border-radius: var(--tui-radius-s);
     cursor: pointer;
     margin: 0;
+    flex-shrink: 0;
 
     &:before {
         .fullsize();
diff --git a/projects/experimental/components/radio/radio.style.less b/projects/experimental/components/radio/radio.style.less
index 18c0a15751ea..6de1505aae07 100644
--- a/projects/experimental/components/radio/radio.style.less
+++ b/projects/experimental/components/radio/radio.style.less
@@ -9,6 +9,7 @@
     height: var(--t-size);
     cursor: pointer;
     margin: 0;
+    flex-shrink: 0;
     border-radius: 100%;
     color: var(--tui-primary-text);
 
diff --git a/projects/kit/components/block/block.component.ts b/projects/kit/components/block/block.component.ts
new file mode 100644
index 000000000000..cdeb0affff64
--- /dev/null
+++ b/projects/kit/components/block/block.component.ts
@@ -0,0 +1,13 @@
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+
+@Component({
+    standalone: true,
+    template: '',
+    styleUrls: ['./block.style.less'],
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: {
+        class: 'tui-block',
+    },
+})
+export class TuiBlockComponent {}
diff --git a/projects/kit/components/block/block.directive.ts b/projects/kit/components/block/block.directive.ts
new file mode 100644
index 000000000000..888ca625759d
--- /dev/null
+++ b/projects/kit/components/block/block.directive.ts
@@ -0,0 +1,53 @@
+import {ContentChild, Directive, inject, Input} from '@angular/core';
+import {NgControl} from '@angular/forms';
+import {TuiNativeValidatorDirective, tuiWithStyles} from '@taiga-ui/cdk';
+import {
+    TuiAppearanceDirective,
+    tuiAppearanceOptionsProvider,
+    TuiSizeL,
+    TuiSizeXS,
+} from '@taiga-ui/core';
+import {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';
+
+import {TuiBlockComponent} from './block.component';
+import {TUI_BLOCK_OPTIONS} from './block.options';
+
+@Directive({
+    standalone: true,
+    selector: 'label[tuiBlock],input[tuiBlock]',
+    providers: [
+        tuiAppearanceOptionsProvider(TUI_BLOCK_OPTIONS),
+        tuiAvatarOptionsProvider({size: 's'}),
+    ],
+    host: {
+        tuiBlock: '',
+        '[attr.data-size]': 'size',
+        '[class._disabled]': 'disabled',
+    },
+    hostDirectives: [
+        TuiNativeValidatorDirective,
+        {
+            directive: TuiAppearanceDirective,
+            inputs: [
+                'tuiAppearance: appearance',
+                'tuiAppearanceState',
+                'tuiAppearanceFocus',
+            ],
+        },
+    ],
+})
+export class TuiBlockDirective {
+    @ContentChild(NgControl)
+    private readonly control?: NgControl;
+
+    private readonly options = inject(TUI_BLOCK_OPTIONS);
+
+    protected readonly nothing = tuiWithStyles(TuiBlockComponent);
+
+    @Input('tuiBlock')
+    public size: TuiSizeL | TuiSizeXS | '' = this.options.size;
+
+    protected get disabled(): boolean {
+        return !!this.control?.disabled;
+    }
+}
diff --git a/projects/kit/components/block/block.options.ts b/projects/kit/components/block/block.options.ts
new file mode 100644
index 000000000000..e0b36be04f54
--- /dev/null
+++ b/projects/kit/components/block/block.options.ts
@@ -0,0 +1,18 @@
+import {Provider} from '@angular/core';
+import {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';
+import {TuiAppearanceOptions, TuiSizeL, TuiSizeXS} from '@taiga-ui/core';
+
+export interface TuiBlockOptions extends TuiAppearanceOptions {
+    readonly size: TuiSizeL | TuiSizeXS;
+}
+
+export const TUI_BLOCK_DEFAULT_OPTIONS: TuiBlockOptions = {
+    appearance: 'whiteblock',
+    size: 'l',
+};
+
+export const TUI_BLOCK_OPTIONS = tuiCreateToken(TUI_BLOCK_DEFAULT_OPTIONS);
+
+export function tuiBlockOptionsProvider(options: Partial<TuiBlockOptions>): Provider {
+    return tuiProvideOptions(TUI_BLOCK_OPTIONS, options, TUI_BLOCK_DEFAULT_OPTIONS);
+}
diff --git a/projects/kit/components/block/block.style.less b/projects/kit/components/block/block.style.less
new file mode 100644
index 000000000000..a58c23f2d02f
--- /dev/null
+++ b/projects/kit/components/block/block.style.less
@@ -0,0 +1,95 @@
+@import '@taiga-ui/core/styles/taiga-ui-local';
+
+[tuiBlock] {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    gap: 1rem;
+    color: var(--tui-text-01);
+    border-radius: var(--t-radius);
+    font: var(--tui-font-text-m);
+    min-height: var(--t-height);
+    padding: 0 var(--tui-padding-l);
+    cursor: pointer;
+    overflow: hidden;
+
+    --t-height: var(--tui-height-l);
+    --t-margin: 1rem 0;
+    --t-radius: var(--tui-radius-l);
+
+    &[data-size='xs'] {
+        gap: 0.25rem;
+        font: var(--tui-font-text-xs);
+        padding: 0 0.5rem;
+
+        --t-height: var(--tui-height-xs);
+        --t-margin: 0.25rem -0.125rem;
+        --t-radius: var(--tui-radius-m);
+
+        input:not([tuiBlock]) {
+            transform: scale(0.75);
+        }
+    }
+
+    &[data-size='s'] {
+        gap: 0.75rem;
+        font: var(--tui-font-text-s);
+        padding: 0 var(--tui-padding-s);
+
+        --t-height: var(--tui-height-s);
+        --t-margin: 0.5rem -0.25rem;
+        --t-radius: var(--tui-radius-m);
+    }
+
+    &[data-size='m'] {
+        gap: 0.5rem;
+        font: var(--tui-font-text-m);
+        padding: 0 var(--tui-padding-m);
+
+        --t-height: var(--tui-height-m);
+        --t-margin: 0.875rem 0.125rem;
+        --t-radius: var(--tui-radius-m);
+    }
+
+    &._disabled {
+        pointer-events: none;
+        opacity: var(--tui-disabled-opacity);
+
+        :focus {
+            visibility: hidden;
+        }
+    }
+
+    &[data-appearance=''] {
+        justify-content: center;
+    }
+
+    input:not([tuiBlock]) {
+        align-self: flex-start;
+        margin: var(--t-margin);
+        flex-shrink: 0;
+    }
+
+    input[tuiBlock] {
+        .fullsize();
+
+        min-height: 0;
+        border-radius: inherit;
+    }
+
+    tui-avatar {
+        margin: -0.25rem;
+    }
+
+    [tuiTitle] {
+        flex: 1;
+        min-height: inherit;
+        justify-content: center;
+        align-self: flex-start;
+        margin: 0.75rem 0;
+    }
+
+    [tuiSubtitle] {
+        color: var(--tui-text-02);
+    }
+}
diff --git a/projects/kit/components/block/index.ts b/projects/kit/components/block/index.ts
new file mode 100644
index 000000000000..3b0e602290c2
--- /dev/null
+++ b/projects/kit/components/block/index.ts
@@ -0,0 +1,3 @@
+export * from './block.component';
+export * from './block.directive';
+export * from './block.options';
diff --git a/projects/kit/components/checkbox-block/ng-package.json b/projects/kit/components/block/ng-package.json
similarity index 100%
rename from projects/kit/components/checkbox-block/ng-package.json
rename to projects/kit/components/block/ng-package.json
diff --git a/projects/kit/components/checkbox-block/checkbox-block.component.ts b/projects/kit/components/checkbox-block/checkbox-block.component.ts
deleted file mode 100644
index 04a4854bab03..000000000000
--- a/projects/kit/components/checkbox-block/checkbox-block.component.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    HostBinding,
-    inject,
-    Input,
-    ViewChild,
-} from '@angular/core';
-import {
-    AbstractTuiNullableControl,
-    tuiAsControl,
-    tuiAsFocusableItemAccessor,
-    TuiFocusableElementAccessor,
-    tuiIsNativeFocused,
-    TuiNativeFocusableElement,
-} from '@taiga-ui/cdk';
-import {
-    TuiAppearance,
-    TuiHorizontalDirection,
-    TuiModeDirective,
-    TuiSizeL,
-    TuiSizeXS,
-} from '@taiga-ui/core';
-import {TuiCheckboxComponent} from '@taiga-ui/kit/components/checkbox';
-
-@Component({
-    selector: 'tui-checkbox-block',
-    templateUrl: './checkbox-block.template.html',
-    styleUrls: ['./checkbox-block.style.less'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        tuiAsFocusableItemAccessor(TuiCheckboxBlockComponent),
-        tuiAsControl(TuiCheckboxBlockComponent),
-    ],
-})
-export class TuiCheckboxBlockComponent
-    extends AbstractTuiNullableControl<boolean>
-    implements TuiFocusableElementAccessor
-{
-    @ViewChild(TuiCheckboxComponent)
-    private readonly checkbox?: TuiCheckboxComponent;
-
-    @Input()
-    @HostBinding('attr.data-align')
-    public contentAlign: TuiHorizontalDirection = 'right';
-
-    @Input()
-    @HostBinding('class._hidden_input')
-    public hideCheckbox = false;
-
-    @Input()
-    @HostBinding('attr.data-size')
-    public size: TuiSizeL | TuiSizeXS = 'l';
-
-    protected readonly modeDirective = inject(TuiModeDirective, {optional: true});
-
-    public get nativeFocusableElement(): TuiNativeFocusableElement | null {
-        return this.checkbox?.nativeFocusableElement ?? null;
-    }
-
-    @HostBinding('class._active')
-    protected get checked(): boolean {
-        return this.value !== false && this.hideCheckbox;
-    }
-
-    protected get checkboxSize(): TuiSizeL {
-        return this.size === 'l' ? 'l' : 'm';
-    }
-
-    public get focused(): boolean {
-        return tuiIsNativeFocused(this.nativeFocusableElement);
-    }
-
-    protected get appearance(): TuiAppearance {
-        if (!this.modeDirective?.mode) {
-            return this.checked
-                ? TuiAppearance.WhiteblockActive
-                : TuiAppearance.Whiteblock;
-        }
-
-        return this.checked ? TuiAppearance.Primary : TuiAppearance.Secondary;
-    }
-
-    protected onFocused(focused: boolean): void {
-        this.updateFocused(focused);
-    }
-
-    protected onFocusVisible(focusVisible: boolean): void {
-        this.updateFocusVisible(focusVisible);
-    }
-
-    /** @deprecated use 'value' setter */
-    protected onModelChange(value: boolean): void {
-        this.value = value;
-    }
-}
diff --git a/projects/kit/components/checkbox-block/checkbox-block.module.ts b/projects/kit/components/checkbox-block/checkbox-block.module.ts
deleted file mode 100644
index f9d1b8c5d5b3..000000000000
--- a/projects/kit/components/checkbox-block/checkbox-block.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {CommonModule} from '@angular/common';
-import {NgModule} from '@angular/core';
-import {FormsModule} from '@angular/forms';
-import {TuiHoveredModule, TuiPressedModule} from '@taiga-ui/cdk';
-import {TuiWrapperModule} from '@taiga-ui/core';
-import {TuiCheckboxModule} from '@taiga-ui/kit/components/checkbox';
-
-import {TuiCheckboxBlockComponent} from './checkbox-block.component';
-
-@NgModule({
-    imports: [
-        CommonModule,
-        FormsModule,
-        TuiHoveredModule,
-        TuiPressedModule,
-        TuiCheckboxModule,
-        TuiWrapperModule,
-    ],
-    declarations: [TuiCheckboxBlockComponent],
-    exports: [TuiCheckboxBlockComponent],
-})
-export class TuiCheckboxBlockModule {}
diff --git a/projects/kit/components/checkbox-block/checkbox-block.style.less b/projects/kit/components/checkbox-block/checkbox-block.style.less
deleted file mode 100644
index 4cb4edb1ab38..000000000000
--- a/projects/kit/components/checkbox-block/checkbox-block.style.less
+++ /dev/null
@@ -1,124 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
-
-:host {
-    .text-basic();
-
-    display: inline-block;
-    vertical-align: top;
-    align-items: flex-start;
-    border-radius: var(--tui-radius-m);
-
-    &[data-size='xs'] {
-        font: var(--tui-font-text-xs);
-    }
-
-    &[data-size='m'],
-    &[data-size='l'] {
-        font: var(--tui-font-text-m);
-    }
-
-    &._disabled,
-    &._readonly {
-        pointer-events: none;
-    }
-}
-
-.t-wrapper {
-    position: relative;
-    display: flex;
-    align-items: inherit;
-    box-sizing: border-box;
-    border-radius: inherit;
-    cursor: pointer;
-    user-select: none;
-    padding: 0 1rem 0 0;
-
-    :host[data-size='xs'] & {
-        padding-right: 0.5rem;
-    }
-
-    :host[data-align='right'] & {
-        flex-direction: row-reverse;
-        padding: 0 0 0 1rem;
-    }
-
-    :host[data-align='right'][data-size='xs'] & {
-        padding-left: 0.5rem;
-    }
-
-    :host[data-size='xs']._hidden_input & {
-        padding: 0 0.5rem;
-
-        &:not(._focused):after {
-            border-width: 1px;
-        }
-    }
-
-    :host[data-size='s']._hidden_input & {
-        padding: 0 1rem;
-    }
-
-    :host[data-size='m']._hidden_input & {
-        padding: 0 1.5rem;
-    }
-
-    :host[data-size='l']._hidden_input & {
-        padding: 0 2.25rem;
-    }
-}
-
-.t-view {
-    :host[data-size='xs'] & {
-        margin: calc(var(--tui-height-xs) / 2 - 0.5rem) 0.25rem;
-        transform: scale(0.75);
-    }
-
-    :host[data-size='s'] & {
-        margin: calc(var(--tui-height-s) / 2 - 0.5rem) 0.5rem;
-    }
-
-    :host[data-size='m'] & {
-        margin: calc(var(--tui-height-m) / 2 - 0.5rem) 0.75rem;
-    }
-
-    :host[data-size='l'] & {
-        margin: calc(var(--tui-height-l) / 2 - 0.75rem) 1rem;
-    }
-
-    :host._hidden_input & {
-        .visually-hidden();
-    }
-}
-
-.t-label {
-    display: flex;
-    flex-grow: 1;
-    align-self: flex-start;
-    align-items: center;
-    overflow: hidden;
-
-    :host[data-size='xs'] & {
-        min-height: var(--tui-height-xs);
-    }
-
-    :host[data-size='s'] & {
-        min-height: var(--tui-height-s);
-    }
-
-    :host[data-size='m'] & {
-        min-height: var(--tui-height-m);
-    }
-
-    :host[data-size='l'] & {
-        min-height: var(--tui-height-l);
-    }
-
-    :host._hidden_input & {
-        text-align: center;
-        justify-content: center;
-    }
-}
-
-.t-content {
-    .text-overflow();
-}
diff --git a/projects/kit/components/checkbox-block/checkbox-block.template.html b/projects/kit/components/checkbox-block/checkbox-block.template.html
deleted file mode 100644
index 6e32cb7f82ff..000000000000
--- a/projects/kit/components/checkbox-block/checkbox-block.template.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<ng-container *ngIf="modeDirective && (modeDirective.change$ | async)"></ng-container>
-<label
-    tuiWrapper
-    class="t-wrapper"
-    [active]="pseudoActive"
-    [appearance]="appearance"
-    [disabled]="computedDisabled"
-    [focus]="computedFocusVisible"
-    [hover]="pseudoHover"
-    [invalid]="computedInvalid"
->
-    <tui-checkbox
-        class="t-view"
-        [disabled]="computedDisabled || readOnly"
-        [focusable]="focusable"
-        [nativeId]="nativeId"
-        [pseudoActive]="pseudoActive"
-        [pseudoFocus]="false"
-        [pseudoHover]="pseudoHover"
-        [pseudoInvalid]="computedInvalid"
-        [size]="checkboxSize"
-        [(ngModel)]="value"
-        (focusedChange)="onFocused($event)"
-        (focusVisibleChange)="onFocusVisible($event)"
-    ></tui-checkbox>
-    <div class="t-label">
-        <div class="t-content">
-            <ng-content></ng-content>
-        </div>
-    </div>
-</label>
diff --git a/projects/kit/components/checkbox-block/index.ts b/projects/kit/components/checkbox-block/index.ts
deleted file mode 100644
index 815406abe046..000000000000
--- a/projects/kit/components/checkbox-block/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './checkbox-block.component';
-export * from './checkbox-block.module';
diff --git a/projects/kit/components/filter/filter.module.ts b/projects/kit/components/filter/filter.module.ts
index 367fffef41b4..a212a61f80c5 100644
--- a/projects/kit/components/filter/filter.module.ts
+++ b/projects/kit/components/filter/filter.module.ts
@@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {TuiModeModule} from '@taiga-ui/core';
 import {TuiBadgeDirective} from '@taiga-ui/kit/components/badge';
-import {TuiCheckboxBlockModule} from '@taiga-ui/kit/components/checkbox-block';
+import {TuiBlockDirective} from '@taiga-ui/kit/components/block';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
 import {TuiFilterComponent} from './filter.component';
@@ -13,9 +13,9 @@ import {TuiFilterComponent} from './filter.component';
         CommonModule,
         FormsModule,
         PolymorpheusModule,
-        TuiCheckboxBlockModule,
         TuiBadgeDirective,
         TuiModeModule,
+        TuiBlockDirective,
     ],
     declarations: [TuiFilterComponent],
     exports: [TuiFilterComponent],
diff --git a/projects/kit/components/filter/filter.style.less b/projects/kit/components/filter/filter.style.less
index 5990241cc140..6e1795421712 100644
--- a/projects/kit/components/filter/filter.style.less
+++ b/projects/kit/components/filter/filter.style.less
@@ -1,32 +1,18 @@
 :host {
     display: block;
-    margin-bottom: -0.25rem;
-}
+    margin-bottom: calc(-1 * var(--t-gap));
 
-.t-content {
-    display: flex;
-    align-items: center;
-}
+    --t-gap: 0.25rem;
 
-.t-item {
-    margin-right: 0.25rem;
-    margin-bottom: 0.25rem;
-
-    &:last-child,
-    :host[data-size='l'] &:last-child {
-        margin-right: 0;
-    }
-
-    :host[data-size='l'] & {
-        margin-right: 0.5rem;
-        margin-bottom: 0.5rem;
+    &[data-size='l'] {
+        --t-gap: 0.5rem;
     }
 }
 
-.t-badge {
-    margin-left: 0.25rem;
+.t-item {
+    margin: 0 var(--t-gap) var(--t-gap) 0;
 
-    &_disabled {
-        opacity: var(--tui-disabled-opacity);
+    &:last-child {
+        margin-right: 0;
     }
 }
diff --git a/projects/kit/components/filter/filter.template.html b/projects/kit/components/filter/filter.template.html
index 69f478767ff7..e1b6930ad72b 100644
--- a/projects/kit/components/filter/filter.template.html
+++ b/projects/kit/components/filter/filter.template.html
@@ -1,30 +1,25 @@
-<tui-checkbox-block
+<label
     *ngFor="let item of items"
-    automation-id="tui-filter__checkbox"
+    appearance=""
     class="t-item"
-    [disabled]="disabledItemHandler(item)"
-    [hideCheckbox]="true"
-    [ngModel]="isCheckboxEnabled(item)"
-    [size]="size"
-    (ngModelChange)="onCheckbox($event, item)"
+    [tuiBlock]="size"
 >
-    <div
-        automation-id="tui-filter__content"
-        class="t-content"
+    <ng-container *polymorpheusOutlet="content as text; context: {$implicit: item}">
+        {{ text }}
+    </ng-container>
+    <tui-badge
+        *ngIf="badgeHandler(item) as badgeValue"
+        appearance="neutral"
+        tuiMode="onLight"
+        [size]="badgeSize"
     >
-        <ng-container *polymorpheusOutlet="content as text; context: {$implicit: item}">
-            {{ text }}
-        </ng-container>
-        <tui-badge
-            *ngIf="badgeHandler(item) as badgeValue"
-            appearance="neutral"
-            automation-id="tui-filter__badge"
-            tuiMode="onLight"
-            class="t-badge"
-            [class.t-badge_disabled]="disabledItemHandler(item)"
-            [size]="badgeSize"
-        >
-            {{ badgeValue }}
-        </tui-badge>
-    </div>
-</tui-checkbox-block>
+        {{ badgeValue }}
+    </tui-badge>
+    <input
+        tuiBlock
+        type="checkbox"
+        [disabled]="disabledItemHandler(item)"
+        [ngModel]="isCheckboxEnabled(item)"
+        (ngModelChange)="onCheckbox($event, item)"
+    />
+</label>
diff --git a/projects/kit/components/filter/test/filter.component.spec.ts b/projects/kit/components/filter/test/filter.component.spec.ts
index 1e640ae17830..82c6ec49678f 100644
--- a/projects/kit/components/filter/test/filter.component.spec.ts
+++ b/projects/kit/components/filter/test/filter.component.spec.ts
@@ -1,11 +1,10 @@
-import {Component, DebugElement, ViewChild} from '@angular/core';
+import {Component, ViewChild} from '@angular/core';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {ALWAYS_FALSE_HANDLER, TuiBooleanHandler, TuiHandler} from '@taiga-ui/cdk';
 import {TuiSizeS} from '@taiga-ui/core';
 import {TuiFilterComponent, TuiFilterModule} from '@taiga-ui/kit';
-import {TuiPageObject} from '@taiga-ui/testing';
 
 const BADGE_VALUE = 10;
 
@@ -44,28 +43,22 @@ describe('Filter', () => {
     })
     class TestComponent {
         @ViewChild(TuiFilterComponent, {static: true})
-        protected component!: TuiFilterComponent<any>;
+        public component!: TuiFilterComponent<any>;
 
-        protected disabledItemHandler: TuiBooleanHandler<any> = ALWAYS_FALSE_HANDLER;
+        public disabledItemHandler: TuiBooleanHandler<any> = ALWAYS_FALSE_HANDLER;
 
-        protected control = new FormControl([]);
+        public control = new FormControl<string[]>([]);
 
-        protected items: readonly ItemWithBadge[] | readonly string[] = ARR_STRING;
+        public items: readonly ItemWithBadge[] | readonly string[] = ARR_STRING;
 
-        protected size: TuiSizeS = 'm';
+        public size: TuiSizeS = 'm';
 
-        protected badgeHandler: TuiHandler<unknown, number> = item => Number(item);
+        public badgeHandler: TuiHandler<unknown, number> = item => Number(item);
     }
 
     let fixture: ComponentFixture<TestComponent>;
     let testComponent: TestComponent;
     let component: TuiFilterComponent<ItemWithBadge | string>;
-    let pageObject: TuiPageObject<TestComponent>;
-    const testContext = {
-        get prefix() {
-            return 'tui-filter__';
-        },
-    };
 
     beforeEach(async () => {
         TestBed.configureTestingModule({
@@ -74,27 +67,26 @@ describe('Filter', () => {
         });
         await TestBed.compileComponents();
         fixture = TestBed.createComponent(TestComponent);
-        pageObject = new TuiPageObject(fixture);
         testComponent = fixture.componentInstance;
         component = testComponent.component;
         fixture.detectChanges();
     });
 
-    function getCheckbox(): DebugElement {
-        return pageObject.getByAutomationId(`${testContext.prefix}checkbox`)!;
+    function getCheckbox(): HTMLInputElement {
+        return getContent().querySelector('input')!;
     }
 
-    function getContent(): DebugElement {
-        return pageObject.getByAutomationId(`${testContext.prefix}content`)!;
+    function getContent(): HTMLElement {
+        return fixture.nativeElement;
     }
 
-    function getBadge(): DebugElement {
-        return pageObject.getByAutomationId(`${testContext.prefix}badge`)!;
+    function getBadge(): HTMLElement {
+        return getContent().querySelector('tui-badge')!;
     }
 
     describe('value', () => {
         it('default absent', () => {
-            expect(testComponent.control.value.length).toBe(0);
+            expect(testComponent.control.value?.length).toBe(0);
         });
 
         it('set from checked items', () => {
@@ -114,17 +106,13 @@ describe('Filter', () => {
 
     describe('content items', () => {
         it('passed correctly if items is an array of strings', () => {
-            expect(getContent().nativeElement.textContent.trim()).toBe(
-                'Clothes and footwear',
-            );
+            expect(getContent().textContent?.trim()).toBe('Clothes and footwear');
         });
 
         it('passed correctly if items is an array of objects with toString', () => {
             testComponent.items = ARR_OBJECT;
             fixture.detectChanges();
-            expect(getContent().nativeElement.textContent.trim()).toBe(
-                'Focused Zone  10',
-            );
+            expect(getContent().textContent?.trim()).toBe('Focused Zone  10');
         });
     });
 
@@ -151,40 +139,21 @@ describe('Filter', () => {
             testComponent.items = ARR_OBJECT;
             fixture.detectChanges();
 
-            expect(Number(getBadge().nativeElement.textContent)).toBe(BADGE_VALUE);
+            expect(Number(getBadge().textContent)).toBe(BADGE_VALUE);
         });
     });
 
     describe('disabled element', () => {
         it('false by default', () => {
-            expect(getCheckbox().nativeElement.classList.contains('_disabled')).toBe(
-                false,
-            );
+            expect(getCheckbox().disabled).toBe(false);
         });
 
-        it('present if disabledHandler returned true', () => {
+        it('present if disabledHandler returned true', async () => {
             testComponent.disabledItemHandler = item => item.indexOf('footwear') > -1;
             fixture.detectChanges();
-            expect(getCheckbox().componentInstance.ngControl.isDisabled).toBe(true);
-        });
-    });
-
-    describe('size', () => {
-        it('if m, then CheckboxBlock have m and badge have l', () => {
-            testComponent.items = ARR_OBJECT;
-            fixture.detectChanges();
-
-            expect(getCheckbox().attributes['data-size']).toBe('m');
-            expect(getBadge().attributes['data-size']).toBe('l');
-        });
-
-        it('if s, then CheckboxBlock have s and badge have m', () => {
-            testComponent.items = ARR_OBJECT;
-            testComponent.size = 's';
-            fixture.detectChanges();
+            await fixture.whenStable();
 
-            expect(getCheckbox().attributes['data-size']).toBe('s');
-            expect(getBadge().attributes['data-size']).toBe('m');
+            expect(getCheckbox().disabled).toBe(true);
         });
     });
 });
diff --git a/projects/kit/components/index.ts b/projects/kit/components/index.ts
index 8a8c53bbb450..627e8147d04d 100644
--- a/projects/kit/components/index.ts
+++ b/projects/kit/components/index.ts
@@ -6,12 +6,12 @@ export * from '@taiga-ui/kit/components/avatar-labeled';
 export * from '@taiga-ui/kit/components/avatar-stack';
 export * from '@taiga-ui/kit/components/badge';
 export * from '@taiga-ui/kit/components/badged-content';
+export * from '@taiga-ui/kit/components/block';
 export * from '@taiga-ui/kit/components/breadcrumbs';
 export * from '@taiga-ui/kit/components/calendar-month';
 export * from '@taiga-ui/kit/components/calendar-range';
 export * from '@taiga-ui/kit/components/carousel';
 export * from '@taiga-ui/kit/components/checkbox';
-export * from '@taiga-ui/kit/components/checkbox-block';
 export * from '@taiga-ui/kit/components/checkbox-labeled';
 export * from '@taiga-ui/kit/components/combo-box';
 export * from '@taiga-ui/kit/components/data-list-wrapper';
@@ -48,7 +48,6 @@ export * from '@taiga-ui/kit/components/progress';
 export * from '@taiga-ui/kit/components/prompt';
 export * from '@taiga-ui/kit/components/push';
 export * from '@taiga-ui/kit/components/radio';
-export * from '@taiga-ui/kit/components/radio-block';
 export * from '@taiga-ui/kit/components/radio-group';
 export * from '@taiga-ui/kit/components/radio-labeled';
 export * from '@taiga-ui/kit/components/radio-list';
diff --git a/projects/kit/components/items-with-more/items-with-more.module.ts b/projects/kit/components/items-with-more/items-with-more.module.ts
index 9d40628a4c8f..de8c9202643c 100644
--- a/projects/kit/components/items-with-more/items-with-more.module.ts
+++ b/projects/kit/components/items-with-more/items-with-more.module.ts
@@ -1,14 +1,13 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {TuiItemDirective, TuiItemModule, TuiLetModule} from '@taiga-ui/cdk';
-import {TuiProjectClassModule} from '@taiga-ui/kit/directives';
 
 import {TuiItemsWithMoreComponent} from './items-with-more.component';
 import {TuiItemsWithMoreDirective} from './items-with-more.directive';
 import {TuiMoreDirective} from './more.directive';
 
 @NgModule({
-    imports: [CommonModule, TuiItemModule, TuiLetModule, TuiProjectClassModule],
+    imports: [CommonModule, TuiItemModule, TuiLetModule],
     declarations: [
         TuiItemsWithMoreComponent,
         TuiItemsWithMoreDirective,
diff --git a/projects/kit/components/items-with-more/items-with-more.template.html b/projects/kit/components/items-with-more/items-with-more.template.html
index dfb058dc79ae..77eda0daed84 100644
--- a/projects/kit/components/items-with-more/items-with-more.template.html
+++ b/projects/kit/components/items-with-more/items-with-more.template.html
@@ -4,7 +4,6 @@
         *ngFor="let item of items; let index = index"
         class="t-item"
         [class.t-item_hidden]="index > lastIndex && index !== directive.required"
-        [tuiProjectClass]="['_active']"
     >
         <ng-container *ngTemplateOutlet="item"></ng-container>
     </div>
@@ -12,7 +11,6 @@
         *ngIf="more && lastIndex < items.length - 1"
         class="t-item"
         [class.t-item_hidden]="lastIndex >= items.length - 1"
-        [tuiProjectClass]="['_active']"
     >
         <ng-container
             [ngTemplateOutlet]="more"
diff --git a/projects/kit/components/radio-block/index.ts b/projects/kit/components/radio-block/index.ts
deleted file mode 100644
index b0317ea4a503..000000000000
--- a/projects/kit/components/radio-block/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './radio-block.component';
-export * from './radio-block.module';
diff --git a/projects/kit/components/radio-block/ng-package.json b/projects/kit/components/radio-block/ng-package.json
deleted file mode 100644
index bebf62dcb5e5..000000000000
--- a/projects/kit/components/radio-block/ng-package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "lib": {
-        "entryFile": "index.ts"
-    }
-}
diff --git a/projects/kit/components/radio-block/radio-block.component.ts b/projects/kit/components/radio-block/radio-block.component.ts
deleted file mode 100644
index 8e8341123576..000000000000
--- a/projects/kit/components/radio-block/radio-block.component.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    HostBinding,
-    inject,
-    Input,
-    ViewChild,
-} from '@angular/core';
-import {
-    AbstractTuiNullableControl,
-    TUI_DEFAULT_IDENTITY_MATCHER,
-    tuiAsControl,
-    tuiAsFocusableItemAccessor,
-    TuiFocusableElementAccessor,
-    TuiIdentityMatcher,
-    TuiNativeFocusableElement,
-} from '@taiga-ui/cdk';
-import {
-    TuiAppearance,
-    TuiHorizontalDirection,
-    TuiModeDirective,
-    TuiSizeL,
-    TuiSizeXS,
-} from '@taiga-ui/core';
-import {TuiRadioComponent} from '@taiga-ui/kit/components/radio';
-
-@Component({
-    selector: 'tui-radio-block',
-    templateUrl: './radio-block.template.html',
-    styleUrls: ['../checkbox-block/checkbox-block.style.less'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        tuiAsFocusableItemAccessor(TuiRadioBlockComponent),
-        tuiAsControl(TuiRadioBlockComponent),
-    ],
-})
-export class TuiRadioBlockComponent<T>
-    extends AbstractTuiNullableControl<T>
-    implements TuiFocusableElementAccessor
-{
-    @ViewChild(TuiRadioComponent)
-    private readonly radio?: TuiRadioComponent<T>;
-
-    @Input()
-    public item?: T;
-
-    @Input()
-    public identityMatcher: TuiIdentityMatcher<T> = TUI_DEFAULT_IDENTITY_MATCHER;
-
-    @Input()
-    @HostBinding('attr.data-align')
-    public contentAlign: TuiHorizontalDirection = 'right';
-
-    @Input()
-    @HostBinding('attr.data-size')
-    public size: TuiSizeL | TuiSizeXS = 'l';
-
-    @Input()
-    @HostBinding('class._hidden_input')
-    public hideRadio = false;
-
-    @Input()
-    public pseudoDisabled = false;
-
-    protected readonly modeDirective = inject(TuiModeDirective, {optional: true});
-
-    public get nativeFocusableElement(): TuiNativeFocusableElement | null {
-        return this.radio?.nativeFocusableElement ?? null;
-    }
-
-    public get focused(): boolean {
-        return !!this.radio && this.radio.focused;
-    }
-
-    @HostBinding('class._disabled')
-    public override get computedDisabled(): boolean {
-        return this.disabled || this.pseudoDisabled;
-    }
-
-    @HostBinding('class._active')
-    protected get checked(): boolean {
-        return !!this.radio?.checked && this.hideRadio;
-    }
-
-    protected get checkboxSize(): TuiSizeL {
-        return this.size === 'l' ? 'l' : 'm';
-    }
-
-    protected get appearance(): TuiAppearance {
-        if (!this.modeDirective?.mode) {
-            return this.checked
-                ? TuiAppearance.WhiteblockActive
-                : TuiAppearance.Whiteblock;
-        }
-
-        return this.checked ? TuiAppearance.Primary : TuiAppearance.Secondary;
-    }
-
-    protected onFocused(focused: boolean): void {
-        this.updateFocused(focused);
-    }
-
-    protected onFocusVisible(focusVisible: boolean): void {
-        this.updateFocusVisible(focusVisible);
-    }
-
-    /** @deprecated use 'value' setter */
-    protected onModelChange(value: T): void {
-        this.value = value;
-    }
-}
diff --git a/projects/kit/components/radio-block/radio-block.module.ts b/projects/kit/components/radio-block/radio-block.module.ts
deleted file mode 100644
index f7fa1dbe46c9..000000000000
--- a/projects/kit/components/radio-block/radio-block.module.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {CommonModule} from '@angular/common';
-import {NgModule} from '@angular/core';
-import {FormsModule} from '@angular/forms';
-import {TuiWrapperModule} from '@taiga-ui/core';
-import {TuiRadioModule} from '@taiga-ui/kit/components/radio';
-
-import {TuiRadioBlockComponent} from './radio-block.component';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, TuiRadioModule, TuiWrapperModule],
-    declarations: [TuiRadioBlockComponent],
-    exports: [TuiRadioBlockComponent],
-})
-export class TuiRadioBlockModule {}
diff --git a/projects/kit/components/radio-block/radio-block.template.html b/projects/kit/components/radio-block/radio-block.template.html
deleted file mode 100644
index c102511d2fed..000000000000
--- a/projects/kit/components/radio-block/radio-block.template.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<ng-container *ngIf="modeDirective && (modeDirective.change$ | async)"></ng-container>
-<label
-    tuiWrapper
-    class="t-wrapper"
-    [active]="pseudoActive"
-    [appearance]="appearance"
-    [disabled]="computedDisabled"
-    [focus]="computedFocusVisible"
-    [hover]="pseudoHover"
-    [invalid]="computedInvalid"
->
-    <tui-radio
-        class="t-view"
-        [focusable]="focusable"
-        [identityMatcher]="identityMatcher"
-        [item]="item"
-        [name]="computedName || ''"
-        [nativeId]="nativeId"
-        [pseudoActive]="pseudoActive"
-        [pseudoDisabled]="computedDisabled"
-        [pseudoFocus]="false"
-        [pseudoHover]="pseudoHover"
-        [pseudoInvalid]="computedInvalid"
-        [readOnly]="readOnly"
-        [size]="checkboxSize"
-        [(ngModel)]="value"
-        (focusedChange)="onFocused($event)"
-        (focusVisibleChange)="onFocusVisible($event)"
-    ></tui-radio>
-    <div class="t-label">
-        <div class="t-content">
-            <ng-content></ng-content>
-        </div>
-    </div>
-</label>