Components
Spinner used as part of other components to enable a loading state or as a standalone element. Comes in small, medium and large sizes with responsive syntax support, primary color by default and an inherit color that follows the parent element's text color.
Loading preview...
import { Reshaped, View } from "reshaped/bundle";
import Loader from "@/components/ui/reshaped-loader";
export default function Demo() {
return (
<Reshaped theme="slate">
<div style={{ margin: "0 auto", padding: 24, display: "flex", justifyContent: "center" }}>
<View gap={3} direction="row">
<Loader size="small" ariaLabel="Loading" />
<Loader size="medium" ariaLabel="Loading" />
<Loader size="large" ariaLabel="Loading" />
</View>
</div>
</Reshaped>
);
}
Loading preview...