Carnation is now in early alpha. Read more

Docs
m

m

🚧

This page is under construction.

import { m } from "carnation-ds";
import { LoadingIcon } from "ui/icons";
 
function ActivityIndicator() {
  return (
    <m.div
      ariaLabel="Loading..."
      initial={{ rotate: 0 }}
      animate={{ rotate: 360 }}
      transition={{
        type: "timing",
        ease: "linear",
        duration: 0.75,
        repeat: Infinity,
        repeatType: "loop",
      }}
    >
      <LoadingIcon />
    </m.div>
  );
}