diff --git a/snippets/Callto.md b/snippets/Callto.md
new file mode 100644
index 000000000..59782a7af
--- /dev/null
+++ b/snippets/Callto.md
@@ -0,0 +1,22 @@
+---
+title: Callto
+tags: components,beginner
+---
+
+Renders a link formatted to call a phone number (`tel:` link).
+
+- Use `phone` to create a `<a>` element with an appropriate `href` attribute.
+- Render the link with `children` as its content.
+
+```jsx
+const Callto = ({ phone, children }) => {
+  return <a href={`tel:${phone}`}>{children}</a>;
+};
+```
+
+```jsx
+ReactDOM.render(
+  <Callto phone="+302101234567">Call me!</Callto>,
+  document.getElementById('root')
+);
+```