Activity

File Input

File Input - Sample

File Input - icon

File Input - Sample

                                <VxFileInput
                                   name="example"
                                   id="example"
                                   className="mi-class"
                                   label={{text:"Click to upload or drag and drop"}}
                                   />
               

File Input - icon

                        <VxFileInput
                            name="example"
                            id="example"
                            className="mi-class"
                            label={{text:"Click to upload or drag and drop"}}
                            icon={<svg stroke="currentColor" className="text-3xl mb-2 text-zinc-500" fill="none" strokeWidth="2" viewBox="0 0 24 24" strokeLinecap="round" 
                                   strokeLinejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 22H18a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4">
                                   </path><polyline points="14 2 14 8 20 8"></polyline><path d="M2.97 13.12c-.6.36-.97 1.02-.97 1.74v3.28c0 .72.37 1.38.97 1.74l3 1.83c.63.39 1.43.39 
                                   2.06 0l3-1.83c.6-.36.97-1.02.97-1.74v-3.28c0-.72-.37-1.38-.97-1.74l-3-1.83a1.97 1.97 0 0 0-2.06 0l-3 1.83Z"></path><path d="m7 17-4.74-2.85"></path>
                                   <path d="m7 17 4.74-2.85"></path><path d="M7 17v5"></path>
                                 </svg>}
                         />