Material 3 Expressive split button — the trailing half rounds into a circle and flips its chevron as a native popover menu unfurls from its anchor.
"use client";
import { SplitButton } from "./split-button";
const Preview = () => (
<main className="flex h-dvh items-start justify-center overflow-hidden bg-[radial-gradient(ellipse_60%_55%_at_50%_40%,#1d2433_0%,#131314_70%)] pt-[38vh]">
<SplitButton />
</main>
);
export default Preview;
