Deepyr Documentation

Loading spinner

Loading(style: [Loading.spinner, Loading.xs]),
Loading(style: [Loading.spinner, Loading.sm]),
Loading(style: [Loading.spinner, Loading.md]),
Loading(style: [Loading.spinner, Loading.lg]),
Loading(style: [Loading.spinner, Loading.xl]),

Loading dots

Loading(style: [Loading.dots, Loading.xs]),
Loading(style: [Loading.dots, Loading.sm]),
Loading(style: [Loading.dots, Loading.md]),
Loading(style: [Loading.dots, Loading.lg]),
Loading(style: [Loading.dots, Loading.xl]),

Loading ring

Loading(style: [Loading.ring, Loading.xs]),
Loading(style: [Loading.ring, Loading.sm]),
Loading(style: [Loading.ring, Loading.md]),
Loading(style: [Loading.ring, Loading.lg]),
Loading(style: [Loading.ring, Loading.xl]),

Loading ball

Loading(style: [Loading.ball, Loading.xs]),
Loading(style: [Loading.ball, Loading.sm]),
Loading(style: [Loading.ball, Loading.md]),
Loading(style: [Loading.ball, Loading.lg]),
Loading(style: [Loading.ball, Loading.xl]),

Loading bars

Loading(style: [Loading.bars, Loading.xs]),
Loading(style: [Loading.bars, Loading.sm]),
Loading(style: [Loading.bars, Loading.md]),
Loading(style: [Loading.bars, Loading.lg]),
Loading(style: [Loading.bars, Loading.xl]),

Loading infinity

Loading(style: [Loading.infinity, Loading.xs]),
Loading(style: [Loading.infinity, Loading.sm]),
Loading(style: [Loading.infinity, Loading.md]),
Loading(style: [Loading.infinity, Loading.lg]),
Loading(style: [Loading.infinity, Loading.xl]),

Loading with colors

Color is applied using general-purpose text color utilities, not component-specific styles.

// Apply color using TextUtil.<color>
Loading(style: [Loading.spinner, TextUtil.primary]),
Loading(style: [Loading.spinner, TextUtil.secondary]),
Loading(style: [Loading.spinner, TextUtil.accent]),
Loading(style: [Loading.spinner, TextUtil.neutral]),
Loading(style: [Loading.spinner, TextUtil.info]),
Loading(style: [Loading.spinner, TextUtil.success]),
Loading(style: [Loading.spinner, TextUtil.warning]),
Loading(style: [Loading.spinner, TextUtil.error]),