24337.581f4d84603b8ac9.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[24337],{24337:t=>{t.exports='<h2 class="title">\n    Margin top\n    <code [textContent]="\'tui-space_top-<value>\'"></code>\n</h2>\n<div class="row">\n    <div class="example tui-space_top-1 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_top-1">tui-space_top-1</tui-doc-copy>\n    </div>\n    <div class="example tui-space_top-2 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_top-2">tui-space_top-2</tui-doc-copy>\n    </div>\n    <div class="example tui-space_top-3 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_top-3">tui-space_top-3</tui-doc-copy>\n    </div>\n    <div class="example tui-space_top-4 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_top-4">tui-space_top-4</tui-doc-copy>\n    </div>\n    <div class="example tui-space_top-5 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_top-5">tui-space_top-5</tui-doc-copy>\n    </div>\n</div>\n<h2 class="title">\n    Margin bottom\n    <code [textContent]="\'tui-space_bottom-<value>\'"></code>\n</h2>\n<div class="row row_align-items_bottom">\n    <div class="example tui-space_bottom-1 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_bottom-1">tui-space_bottom-1</tui-doc-copy>\n    </div>\n    <div class="example tui-space_bottom-2 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_bottom-2">tui-space_bottom-2</tui-doc-copy>\n    </div>\n    <div class="example tui-space_bottom-3 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_bottom-3">tui-space_bottom-3</tui-doc-copy>\n    </div>\n    <div class="example tui-space_bottom-4 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_bottom-4">tui-space_bottom-4</tui-doc-copy>\n    </div>\n    <div class="example tui-space_bottom-5 tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_bottom-5">tui-space_bottom-5</tui-doc-copy>\n    </div>\n</div>\n<h2 class="title">\n    Margin right\n    <code [textContent]="\'tui-space_right-<value>\'"></code>\n</h2>\n<div class="row">\n    <div class="example tui-space_right-1">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_right-1">tui-space_right-1</tui-doc-copy>\n    </div>\n    <div class="example tui-space_right-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_right-2">tui-space_right-2</tui-doc-copy>\n    </div>\n    <div class="example tui-space_right-3">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_right-3">tui-space_right-3</tui-doc-copy>\n    </div>\n    <div class="example tui-space_right-4">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_right-4">tui-space_right-4</tui-doc-copy>\n    </div>\n    <div class="example tui-space_right-5">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_right-5">tui-space_right-5</tui-doc-copy>\n    </div>\n    <div class="example"></div>\n</div>\n<h2 class="title">\n    Margin left\n    <code [textContent]="\'tui-space_left-<value>\'"></code>\n</h2>\n<div class="row">\n    <div class="example"></div>\n    <div class="example tui-space_left-1">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_left-1">tui-space_left-1</tui-doc-copy>\n    </div>\n    <div class="example tui-space_left-2">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_left-2">tui-space_left-2</tui-doc-copy>\n    </div>\n    <div class="example tui-space_left-3">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_left-3">tui-space_left-3</tui-doc-copy>\n    </div>\n    <div class="example tui-space_left-4">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_left-4">tui-space_left-4</tui-doc-copy>\n    </div>\n    <div class="example tui-space_left-5">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_left-5">tui-space_left-5</tui-doc-copy>\n    </div>\n</div>\n<h2 class="title">\n    Vertical and horizontal margins\n    <code [textContent]="\'tui-space_vertical-<value>\'"></code>\n    and\n    <code [textContent]="\'tui-space_horizontal-<value>\'"></code>\n</h2>\n<div class="row">\n    <div class="example tui-space_vertical-4">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_vertical-4">tui-space_vertical-4</tui-doc-copy>\n    </div>\n    <div class="example tui-space_horizontal-4">\n        <tui-doc-copy cdkCopyToClipboard="tui-space_horizontal-4">tui-space_horizontal-4</tui-doc-copy>\n    </div>\n</div>\n'}}]);