Deepyr Documentation

Phone mockup

Preview

It's Glowtime.

Dart

MockupPhone(
  content: Container(
    [text("It's Glowtime.")],
    style: [
      TextUtil.white,
      Layout.grid,
      Alignment.placeContentCenter,
      Size.hFull,
      BgUtil.gray700,
    ],
  ),
)

With color and wallpaper

Apply border colors and other utilities directly to the MockupPhone component.

Preview

Dart

MockupPhone(
  style: [BorderUtil.primary],
  content: img(alt: 'wallpaper', src: '/images/wallpaper2.png'),
)