/ui/skeleton

El componente BkSkeleton se usará para representar los componentes que requieran un estado "Loading...".

<BkSkeleton
    variant='rounded'
    width={210}
    height={60}
/>

Variantes

<BkSkeleton variant='rounded' width={210} height={60} />
<BkSkeleton
    variant='rectangular'
    width={210}
    height={60}
/>
<BkSkeleton variant='circular' width={40} height={40} />
<BkSkeleton variant='text' />

Animación

<BkSkeleton
    variant='rounded'
    animation='pulse'
    width={210}
    height={60}
/>
<BkSkeleton
    variant='rounded'
    animation='wave'
    width={210}
    height={60}
/>
<BkSkeleton
    variant='rounded'
    animation={false}
    width={210}
    height={60}
/>

Color

<BkSkeleton
    variant='rounded'
    animation='pulse'
    width={210}
    height={60}
    sx={{ backgroundColor: 'white' }}
/>

Nombre	Type	Default	Descripción
animation	pulse \| wave \| false	pulse	Tipo de animación del componente. Si es igual a "false", no habrá animación.
variant	rounded \| rectangular \| circular \| text	text	Tipo de componente que será renderizado.
sx	object	{}	Da estilos al componente. Podemos usarlo para cambiar el color.