@faire/mjml-react
Version:
React component library to generate the HTML emails on the fly
50 lines (49 loc) • 1.66 kB
TypeScript
import React from "react";
export interface IMjmlButtonProps {
/** MJML default value: center */
align?: "left" | "center" | "right";
backgroundColor?: React.CSSProperties["backgroundColor"];
borderBottom?: string;
borderLeft?: string;
borderRadius?: React.CSSProperties["borderRadius"];
borderRight?: string;
borderTop?: string;
/** MJML default value: none */
border?: React.CSSProperties["border"];
/** MJML default value: #ffffff */
color?: React.CSSProperties["color"];
containerBackgroundColor?: string;
fontFamily?: string;
fontSize?: string | number;
fontStyle?: string;
fontWeight?: string;
height?: string | number;
href?: string;
name?: string;
title?: string;
innerPadding?: string | number;
letterSpacing?: string | number;
lineHeight?: string | number;
paddingBottom?: string | number;
paddingLeft?: string | number;
paddingRight?: string | number;
paddingTop?: string | number;
/** MJML default value: 10px 25px */
padding?: string | number;
rel?: string;
/** MJML default value: _blank */
target?: string;
textDecoration?: React.CSSProperties["textDecoration"];
textTransform?: React.CSSProperties["textTransform"];
verticalAlign?: "top" | "bottom" | "middle";
textAlign?: "left" | "right" | "center";
width?: string | number;
className?: string;
cssClass?: string;
mjmlClass?: string;
children?: React.ReactNode;
dangerouslySetInnerHTML?: {
__html: string;
};
}
export declare function MjmlButton({ children, ...props }: IMjmlButtonProps): React.JSX.Element;