FesaComponents

Multimedia y ubicación

Archivos, imágenes con crop, firma en canvas, direcciones y coordenadas.

Todos los campos comparten el contrato base (control, name, label, description, placeholder, disabled, required, tooltip, className). Aquí se listan solo las props adicionales de cada campo.

FormFileField

Archivos con drag & drop, límites de tipo/tamaño y lista de seleccionados.

PropTipoRequerida
acceptstring
multipleboolean
maxSizenumber
maxFilesnumber
showPreviewboolean
onFilesChange((files: File[]) => void)
dropzoneClassNamestring

FormAvatarField

Avatar con previsualización circular y subida.

PropTipoRequerida
size'sm' | 'md' | 'lg' | 'xl'
fallbackstring
fallbackIconReact.ReactNode
maxFileSizenumber
acceptstring
showRemoveButtonboolean
labels{

FormImageCropField

Recorte de imagen en canvas propio: zoom, rotación y aspecto fijo — sin librerías.

FormSignatureField

Firma a mano en canvas con undo y export PNG/JPEG/SVG — sin librerías.

PropTipoRequerida
widthnumber
heightnumber
strokeColorstring
strokeWidthnumber
backgroundColorstring
showDownloadboolean
showUndoboolean
outputFormat'png' | 'jpeg' | 'svg'

FormAddressField

Dirección estructurada (calle, ciudad, provincia, código, país).

FormCoordinatesField

Latitud/longitud con validación de rangos.

PropTipoRequerida
showGetLocationboolean
showOpenMapboolean
showCopyboolean
precisionnumber
mapProvider'google' | 'openstreetmap'
labels{

ImageUploadField

Selector de imagen con preview (forma rect/redonda) y rechazo temprano con causa.

PropTipoRequerida
valuestring
pendingFileFile | null
onRemove() => void
onFileSelect(file: File | null) => void
shape'rect' | 'round'

En esta pagina