Create Callto.md

snippets/Callto.md

@@ -0,0 +1,26 @@
+---
+title: Callto
+tags: components,beginner
+---
+
+Renders a link formatted to dial a phone number.
+
+- Destructure the component's props, 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="+923081734339">
+    Call me!
+  </Callto>,
+  document.getElementById('root')
+);
+```