Skeleton | WebAwesome | Anduin Design

Skeletons are used to provide a visual representation of where content will eventually be drawn.

div(
  tw.spaceY8,
  div(
    tw.flex.itemsCenter.gap8,
    SkeletonA(_.effect.sheen)(height.px(48), width.px(48)),
    SkeletonA(_.effect.sheen)(height.px(16))
  ),
  SkeletonA(_.effect.sheen)(height.px(16)),
  SkeletonA(_.effect.sheen)(height.px(16)),
  SkeletonA(_.effect.sheen)(height.px(16))
)

div(  tw.spaceY8,  div(    tw.flex.itemsCenter.gap8,    SkeletonA(_.effect.sheen)(height.px(48), width.px(48)),    SkeletonA(_.effect.sheen)(height.px(16))  ),  SkeletonA(_.effect.sheen)(height.px(16)),  SkeletonA(_.effect.sheen)(height.px(16)),  SkeletonA(_.effect.sheen)(height.px(16)))