Search LAYOUT

Examples Setup
  1. Add an import:

        
    import {TuiSearch} from '@taiga-ui/layout';
    // ...
    @Component({
    standalone: true,
    imports: [
    // ...
    TuiSearch,
    ],
    // ...
    })
    export class Example {}
  2. Add to the template:

        
    <search tuiSearch>
    <form [formGroup]="form">
    <fieldset>
    <tui-textfield iconStart="@tui.search">
    <label tuiLabel>Search</label>
    <input
    placeholder="Search"
    tuiTextfield
    formControlName="search"
    />
    </tui-textfield>
    <button tuiButton>Search</button>
    </fieldset>
    </form>
    </search>