<!-- Basic Input -->
                                        <div  class="gk-input-wrapper">
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="Basic Input">
                                        </div>
                        
                                        <!-- Basic Icon Input -->
                                        <div  class="gk-input-wrapper">
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="Basic Input">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">person</i>
                                            </div>
                                        </div>
                        
                                        <!-- Floating Input -->
                                        <div  class="gk-input-wrapper" floating-label>
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="Floating Input">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">person</i>
                                            </div>
                                        </div>
                        
                                        <!-- Mandatory Input -->
                                        <div  class="gk-input-wrapper" floating-label mandatory-input>
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="Mandatory Input">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">person</i>
                                            </div>
                                        </div>