Merge pull request #113 from prezly/feature/MT-4771-file-attachment-c…

…omponents [MT-4771] Components for File attachment settings menu
prezly · Feb 24, 2022 · 09f5f79 · 09f5f79
2 parents b760c3a + 89f1b67
commit 09f5f79
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx b/packages/slate-editor/src/components/Toolbox/Toolbox.stories.tsx
@@ -269,3 +269,35 @@ export function GallerySettings() {
         </div>
     );
 }
+
+export function AttachmentSettings() {
+    const [text, setText] = React.useState('');
+
+    return (
+        <div style={{ width: 320 }}>
+            <Toolbox.Panel>
+                <Toolbox.Header withCloseButton>Attachment settings</Toolbox.Header>
+                <Toolbox.Section>
+                    <VStack spacing="2">
+                        <VStack spacing="1-5">
+                            <Toolbox.Caption>Title</Toolbox.Caption>
+                            <Input value={text} onChange={setText} placeholder="filename.png" />
+                        </VStack>
+
+                        <VStack spacing="2">
+                            <Button variant="primary" fullWidth round>
+                                Save
+                            </Button>
+                        </VStack>
+                    </VStack>
+                </Toolbox.Section>
+
+                <Toolbox.Footer>
+                    <Button variant="clear-faded" icon={Delete} fullWidth>
+                        Remove attachment
+                    </Button>
+                </Toolbox.Footer>
+            </Toolbox.Panel>
+        </div>
+    );
+}