MediaInput
El componente MediaInput es un componente que muestra un input media para gestionar archivos.
Ejemplo
Importacion
Para importar el componente MediaInput, se puede hacer desde fenextjs o fenextjs-component
import {
MediaInput,
MediaInputProps,
} from "fenextjs/cjs/component/Media/Input";
o
import {
MediaInput,
MediaInputProps,
} from "fenextjs-component/cjs/Media/Input";
Parametros
Parametro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
titleView | string | No | Título de la vista del componente. | |
textView | string | No | Texto de la vista del componente. | |
iconView | ReactNode | No | Icono de la vista del componente. | |
defaultValue | ImgDataProps[] | ImgDataProps | No | Valor predeterminado del componente. | |
multiple | boolean | No | Indica si se permiten múltiples elementos. | |
onChange | (data: ImgDataProps[] | ImgDataProps | undefined) => void | No | Función a llamar cuando cambia el valor del componente. | |
ButtonUploadProps | Omit<ButtonProps, "onClick"> | No | Propiedades del botón de carga para el componente. | |
MediaPageProps | Omit<MediaPageProps, "onChange" | "multiple" | "defaultValue"> | No | Propiedades de la página de medios para el componente. | |
ModalProps | Pick<ModalBaseBaseProps, "type"> | No | Propiedades del modal para el componente. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente MediaInput
<MediaInput />