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

ParametroTipoRequeridoDefaultDescripcion
titleViewstringNoTítulo de la vista del componente.
textViewstringNoTexto de la vista del componente.
iconViewReactNodeNoIcono de la vista del componente.
defaultValueImgDataProps[] | ImgDataPropsNoValor predeterminado del componente.
multiplebooleanNoIndica si se permiten múltiples elementos.
onChange(data: ImgDataProps[] | ImgDataProps | undefined) => voidNoFunción a llamar cuando cambia el valor del componente.
ButtonUploadPropsOmit<ButtonProps, "onClick">NoPropiedades del botón de carga para el componente.
MediaPagePropsOmit<MediaPageProps, "onChange" | "multiple" | "defaultValue">NoPropiedades de la página de medios para el componente.
ModalPropsPick<ModalBaseBaseProps, "type">NoPropiedades 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 />