From 7723935b68cb51bcbfe9cb43f025d839b8cc5984 Mon Sep 17 00:00:00 2001
From: Ian Storm Taylor <ian@ianstormtaylor.com>
Date: Wed, 31 Mar 2021 21:59:57 -0400
Subject: [PATCH] port remove link button pr to master

---
 site/examples/links.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/site/examples/links.tsx b/site/examples/links.tsx
index ffb271dea..ab66fd2d7 100644
--- a/site/examples/links.tsx
+++ b/site/examples/links.tsx
@@ -25,6 +25,7 @@ const LinkExample = () => {
     <Slate editor={editor} value={value} onChange={value => setValue(value)}>
       <Toolbar>
         <LinkButton />
+        <RemoveLinkButton />
       </Toolbar>
       <Editable
         renderElement={props => <Element {...props} />}
@@ -134,6 +135,23 @@ const LinkButton = () => {
   )
 }
 
+const RemoveLinkButton = () => {
+  const editor = useSlate()
+
+  return (
+    <Button
+      active={isLinkActive(editor)}
+      onMouseDown={event => {
+        if (isLinkActive(editor)) {
+          unwrapLink(editor)
+        }
+      }}
+    >
+      <Icon>link_off</Icon>
+    </Button>
+  )
+}
+
 const initialValue: Descendant[] = [
   {
     type: 'paragraph',