import {Spinner} from "@qinetik/anique/spinner";
import {Row} from "@qinetik/anique/row";
import {Size} from "@qinetik/anique/theme/Size";
export default function SpinnerSizeExamples() {
return (
<Row gap={"2em"}>
<Spinner size={Size.Small}/>
<Spinner size={Size.Medium}/>
<Spinner size={Size.Large}/>
<Spinner size={3}/>
<Spinner size={4}/>
</Row>
)
}
Spinner
Size Variations
Color Variations
These variations are normal, primary, accent and error colored
import {Spinner} from "@qinetik/anique/spinner";
import {Row} from "@qinetik/anique/row";
export default function SpinnerColorExamples() {
return (
<Row gap={"2em"}>
<Spinner/>
<Spinner color={"primary"}/>
<Spinner color={"accent"}/>
<Spinner color={"error"}/>
</Row>
)
}