Modal
Modal
は、主要なコンテンツに重ねて表示され、ユーザーの注意を情報のみに集中させるコンポーネントです。
テーマ
Modal
は、複数パーツのコンポーネントです。
コンポーネントのスタイルを変更したい場合は、こちらをご覧ください。
export const Modal: ComponentMultiStyle<"Modal"> = {baseStyle: {container: {w: "100%",rounded: "md",bg: ["white", "black"],color: "inherit",boxShadow: ["lg", "dark-lg"],zIndex: "recoome",},closeButton: {top: "3",right: "3",},overlay: {bg: "blackAlpha.600",zIndex: "burter",},header: {pt: "md",px: "md",gap: "md",fontSize: "xl",fontWeight: "semibold",},body: {my: "md",px: "md",gap: "md",flex: "1",},footer: {px: "md",pb: "md",gap: "md",},},sizes: {xs: { container: { maxW: "xs" } },sm: { container: { maxW: "sm" } },md: { container: { maxW: "md" } },lg: { container: { maxW: "lg" } },xl: { container: { maxW: "xl" } },"2xl": { container: { maxW: "2xl" } },"3xl": { container: { maxW: "3xl" } },"4xl": { container: { maxW: "4xl" } },"5xl": { container: { maxW: "5xl" } },"6xl": { container: { maxW: "6xl" } },full: {container: { minW: "100vw", minH: "100dvh", rounded: 0 },},},defaultProps: {size: "md",},}
GitHubでこのページを編集する