@inkdes-email/button

Button component for email.

Installation

# pnpm
pnpm add @inkdes-email/button

# npm
npm install @inkdes-email/button

# yarn
yarn add @inkdes-email/button

Quick start

import { Button } from "@inkdes-email/button";

<Button
 text='Submit'
 href='https://example.com'
 backgroundColor='#000'
 textColor='#ffff'
 borderRadius='20px'
 style={{
  paddingBottom: '20px'
 }}
/>

Props

| Name | Type | Required | Default | Description | | ------------ | -------------------- | -------- | ------- | -------------------------------------------------- | | src | string | Yes | "" | Path or URL to the image | | text | string | Yes | "" | | | dir | "ltr" | "rtl" | No | Comes from wrapping Html component's dir context prop which is ltr | Text direction | | spacing | string | No | Comes from wrapping Html component's defaultSpacing context prop which is 20px | Spacing bottom, by default comes from Html defaultSpacing prop | | href | string | Yes | "" | | | icon | object | No | | { url, alt, width, height } | | backgroundColor | string | Yes | "" | | | align | string | No | "center" | | | direction | string | No | "ltr" | | | textColor | string | No | | css color hex | | borderRadius | string | No | | | | style | string | No | | CSS style |

License

MIT © iClasser