TwoColSticky

El componente TwoColSticky es un componente que muestra un dos columnas con una de ellas sticky.

Ejemplo

Importacion

Para importar el componente TwoColSticky, se puede hacer desde fenextjs o fenextjs-component

import {
  TwoColSticky,
  TwoColStickyProps,
} from "fenextjs/cjs/component/TwoColSticky";

o

import {
  TwoColSticky,
  TwoColStickyProps,
} from "fenextjs-component/cjs/TwoColSticky";

Parametros

PropiedadTipoRequeridoDescripcion
userPartial<UserInterfaceProps>Datos parciales del usuario (Partial<UserInterfaceProps>).
loaderbooleanNoIndica si se debe mostrar un cargador mientras se carga la información del usuario.

UserInterfaceProps

PropiedadTipoRequeridoDescripcion
statusUserStatusPropsEstado del usuario. Puede ser VERIFY, NOVERIFY, BAN o PENDING.
idstringIdentificador único del usuario.
tokenstringToken asociado al usuario.
namestringNombre del usuario.
imgImgDataPropsDatos de la imagen del usuario (ImgDataProps).
roleUserRolePropsRol del usuario. Puede ser ADMIN, CUSTOMER o BACKOFFICE.
phonePhonePropsNoDatos del teléfono del usuario (PhoneProps).
emailstringDirección de correo electrónico del usuario.
stripe_idstringNoIdentificador de Stripe asociado al usuario.
dateCreateDateFecha de creación del usuario.
verify{ [id in UserTypeVerifyProps]: UserStatusProps; }NoEstado de verificación para diferentes tipos de verificación (UserTypeVerifyProps).

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

  • Uso básico del componente TwoColSticky
<TwoColSticky />