Filtering lists, tables, etc (search)

<div js-filter-container="5da57cccd46c6">
            
                <br />
<b>Warning</b>:  Attribute "type" is not allowed in attribute list. 
                            Please use the respective parameter. Component will 
                            run in compability mode until this issue is resolved. 
                            Attributes will override the component parameter. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Field/Field.php</b> on line <b>370</b><br />
<br />
<b>Warning</b>:  Attribute "name" is not allowed in attribute list. 
                            Please use the respective parameter. Component will 
                            run in compability mode until this issue is resolved. 
                            Attributes will override the component parameter. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Field/Field.php</b> on line <b>370</b><br />
<br />
<b>Warning</b>:  Attribute "required" is not allowed in attribute list. 
                            Please use the respective parameter. Component will 
                            run in compability mode until this issue is resolved. 
                            Attributes will override the component parameter. in <b>/var/www/webroot/ROOT/vendor/helsingborg-stad/component-library/source/php/Component/Field/Field.php</b> on line <b>370</b><br />
<!-- field.blade.php -->
<div class="c-field c-field--search c-field--md c-field--radius-md" id="673ed2b308df8" data-uid="673ed2b308e1b">
    
            <label class="c-field__label " for="input_673ed2b308df8" id="label_673ed2b308df8">
            Search
                    </label>
            
    <div class="c-field__inner c-field__inner--text">
        
        
        
        
                    
            
            <input id="input_673ed2b308df8" value="" aria-labelledby="label_673ed2b308df8" type="search" name="search" required="required" js-filter-input="5da57cccd46c6" data-js-required="" data-required="1" aria-required="true" autocomplete="on">
            <div class="c-field_focus-styler u-level-top"></div> 

                    
        
            <!-- icon.blade.php -->
    <span class="c-icon c-field__suffix c-field__error-icon c-icon--error-outline c-icon--material c-icon--material-error_outline material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" material-symbol="error_outline" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" data-uid="673ed2b308efd">
                    </span>

        
            <!-- icon.blade.php -->
    <span class="c-icon c-field__suffix c-field__success-icon c-icon--check-circle-outline c-icon--material c-icon--material-check_circle_outline material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" material-symbol="check_circle_outline" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" alt="Icon: Undefined" data-uid="673ed2b308f4b">
                    </span>

    </div>

    
    </div>

            <div class="c-table table-striped table-bordered">
                <div class="c-table__inner">
                    <table class="c-table__table">
                        <thead class="c-table__head">
                            <tr class="c-table__line">
                                <th scope="col" class="c-table__column c-table__column-0">Attribute</th>
                                <th scope="col" class="c-table__column c-table__column-1">Description</th>
                                <th scope="col" class="c-table__column c-table__column-2">Example value</th>
                            </tr>
                        </thead>
                        <tbody class="c-table__body">
                            <tr class="c-table__line c-table__line-0" js-filter-item="">
                                <td scope="row" class="c-table__column c-table__column-0" js-filter-data="">js-filter-container</td>
                                <td scope="row" class="c-table__column c-table__column-1" js-filter-data="">Container of what should be filterable, has to contain unique id.</td>
                                <td scope="row" class="c-table__column c-table__column-2" js-filter-data="">unique_id</td>
                            </tr>

                            <tr class="c-table__line c-table__line-2" js-filter-item="">
                                <td scope="row" class="c-table__column c-table__column-0" js-filter-data="">js-filter-data</td>
                                <td scope="row" class="c-table__column c-table__column-1" js-filter-data="">Elements inside item that contain data which should be used in the filter.</td>
                                <td scope="row" class="c-table__column c-table__column-2" js-filter-data=""></td>
                            </tr>

                            <tr class="c-table__line c-table__line-3" js-filter-item="">
                                <td scope="row" class="c-table__column c-table__column-0" js-filter-data="">js-filter-input</td>
                                <td scope="row" class="c-table__column c-table__column-1" js-filter-data="">The input for a specific container, has to contain same id as parent.</td>
                                <td scope="row" class="c-table__column c-table__column-2" js-filter-data="">unique_id</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>