Package Exports
- @inkdes-email/button
Readme
@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/buttonQuick 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