laceholder="select the prefix icon" clearable>
            <sl-option *each="icons" *value="item">${ item }</sl-option>
        </sl-select>
        <sl-select label="Suffix Icon" *value="suffixIcon" placeholder="select the suffix icon" clearable>
            <sl-option *each="icons" *value="item">${ item }</sl-option>
        </sl-select>
        <sl-input label="ValuePrefix" *value="valuePrefix"></sl-input>
        <sl-input label="TextLabelPrefix" *value="textLabelPrefix"></sl-input>
        <br>
       