import React from "react"; import { Button, ButtonBaseProps } from "@calcom/ui/Button"; import { Icon } from "@calcom/ui/Icon"; import { sandboxPage } from "."; const page = sandboxPage(function ButtonPage() { const list: ButtonBaseProps[] = [ // primary { color: "primary" }, { color: "primary", disabled: true }, { color: "primary", disabled: true, loading: true }, // secondary { color: "secondary" }, { color: "secondary", disabled: true }, { color: "secondary", disabled: true, loading: true }, // minimal { color: "minimal" }, { color: "minimal", disabled: true }, { color: "minimal", disabled: true, loading: true }, // sizes { color: "primary", size: "sm" }, { color: "primary", size: "base" }, { color: "primary", size: "lg" }, // // href // { href: "/staging" }, // { href: "/staging", disabled: true }, { StartIcon: Icon.FiPlus }, { EndIcon: Icon.FiPlus }, ]; return ( <>

Button component

{list.map((props, index) => (

{JSON.stringify( props, (key, value) => { if (key.includes("Icon")) { return ".."; } return value; }, 2 )}

))}
); }); export default page.default; export const getStaticProps = page.getStaticProps;