Split button

import { SplitButton } from "@bosunkit/components/split-button";
import { useState, type Dispatch, type ReactElement, type SetStateAction } from "react";
export const title: string = "One primary export, with alternative formats";
export default function Example(): ReactElement {
  const [result,setResult]: [string,Dispatch<SetStateAction<string>>] = useState("This example requests a format without downloading a file.");
  return <div><SplitButton label="Export PDF" menuLabel="Other export formats" variant="primary" onClick={(): void => { setResult("PDF export requested."); }}
    entries={[{id:"markdown",label:"Export Markdown"},{id:"text",label:"Export plain text"}]}
    onSelect={(id:string): void => { setResult(id === "markdown" ? "Markdown export requested." : "Plain-text export requested."); }} />
    <p role="status">{result}</p></div>;
}

import { SplitButton } from "@bosunkit/components/split-button";
import type { ReactElement } from "react";
export const title: string = "Both actions unavailable while the caller is busy";
function ignore(): void { /* Unavailable example. */ }
export default function Example(): ReactElement {
  return <div><SplitButton label="Preparing export…" menuLabel="Other export formats unavailable" disabled onClick={ignore}
    entries={[{id:"markdown",label:"Export Markdown"}]} /><p role="status">The report is being prepared. Both buttons are disabled.</p></div>;
}