feat: add component Separator

xhofe · Aug 25, 2022 · fcfcc96 · fcfcc96
1 parent 9c80897
commit fcfcc96
Show file tree

Hide file tree

Showing 4 changed files with 294 additions and 235 deletions.
diff --git a/packages/solid-contextmenu/src/App.tsx b/packages/solid-contextmenu/src/App.tsx
@@ -1,5 +1,5 @@
 import { Component } from "solid-js";
-import { Menu, useContextMenu, Item } from ".";
+import { Menu, useContextMenu, Item, Separator } from ".";
 
 const App: Component = () => {
   const { show } = useContextMenu({ id: "1", props: "lala" });
@@ -11,10 +11,11 @@ const App: Component = () => {
       }}
     >
       right click
-      <Menu id="1" animation="scale" theme="dark">
+      <Menu id="1" animation="scale" theme="light">
         <Item>⚡ Beautiful</Item>
         <Item>😊 Easy use</Item>
         <Item>💕 Built with heart</Item>
+        <Separator />
         <Item disabled>❌ Disabled</Item>
       </Menu>
     </div>

diff --git a/packages/solid-contextmenu/src/components/Separator.tsx b/packages/solid-contextmenu/src/components/Separator.tsx
@@ -0,0 +1,5 @@
+import { STYLE } from "../constants";
+
+export const Separator = () => {
+  return <div class={STYLE.separator} />;
+};
diff --git a/packages/solid-contextmenu/src/components/index.ts b/packages/solid-contextmenu/src/components/index.ts
@@ -1,2 +1,3 @@
 export * from "./Menu";
 export * from "./Item";
+export * from "./Separator";