# Button & Link

> Call-to-action buttons and inline hyperlinks that render safely in every email client.

**Site index:** [https://email.2plot.dev/llms.txt](https://email.2plot.dev/llms.txt) — every page on this site, as Markdown.  
**Network index:** [https://2plot.dev/llms.txt](https://2plot.dev/llms.txt) — The 2plot network; start here to discover sibling sites.  
**Sibling sites:** 13 more in The 2plot network — listed in the site index above.  
**Sitemap:** https://email.2plot.dev/sitemap.xml  


---



### Actions in email

`EmailButton` renders an anchor styled as a button — no JavaScript, no
`<button>` element, just a link that looks right everywhere. `EmailLink` is a
plain inline hyperlink for use inside text.


Source code:


```python
# File: docs/button-link/button_link.py

import dash_email as de

component = de.Email([
    de.EmailBody(
        style={"backgroundColor": "#f6f9fc", "padding": "32px 0"},
        children=[
            de.EmailContainer([
                de.EmailSection(
                    style={
                        "backgroundColor": "#ffffff",
                        "borderRadius": "8px",
                        "padding": "32px",
                        "textAlign": "center",
                    },
                    children=[
                        de.EmailHeading("Call to action", as_="h3"),
                        de.EmailText(
                            "EmailButton is a styled link that renders as a "
                            "bulletproof button in every client."
                        ),
                        de.EmailButton(
                            "Primary Action",
                            href="https://example.com",
                            style={
                                "backgroundColor": "#228be6",
                                "color": "#ffffff",
                                "padding": "12px 28px",
                                "borderRadius": "6px",
                                "fontWeight": "bold",
                            },
                        ),
                        de.EmailText(" "),
                        de.EmailButton(
                            "Secondary Action",
                            href="https://example.com",
                            style={
                                "backgroundColor": "#ffffff",
                                "color": "#228be6",
                                "padding": "12px 28px",
                                "borderRadius": "6px",
                                "fontWeight": "bold",
                                "border": "2px solid #228be6",
                            },
                        ),
                        de.EmailDivider(style={"margin": "24px 0"}),
                        de.EmailText([
                            "Inline links use EmailLink — ",
                            de.EmailLink(
                                "read the full story",
                                href="https://example.com",
                                style={"color": "#228be6"},
                            ),
                            ".",
                        ]),
                    ],
                )
            ])
        ],
    )
])
```


---

### EmailButton


**EmailButton**

| Name | Type | Description |
| --- | --- | --- |
| children | a list of or a singular dash component, string or number; optional | The button label/content. |
| id | string; optional | The ID used to identify this component in Dash callbacks. |
| href | string; required | The URL to navigate to when clicked. |
| target | string; default '_blank' | Where to open the link (_blank, _self, etc.). |


---

### EmailLink


**EmailLink**

| Name | Type | Description |
| --- | --- | --- |
| children | a list of or a singular dash component, string or number; optional | The link text/content. |
| id | string; optional | The ID used to identify this component in Dash callbacks. |
| href | string; required | The URL to navigate to when clicked. |
| target | string; default '_blank' | Where to open the link (_blank, _self, etc.). |


---

*Source: /components/button-link*