diff --git a/docs/example/Dropdown/demos/Arrow.tsx b/docs/example/Dropdown/demos/Arrow.tsx index b6c0f2f3..e5c7ee28 100644 --- a/docs/example/Dropdown/demos/Arrow.tsx +++ b/docs/example/Dropdown/demos/Arrow.tsx @@ -4,7 +4,6 @@ */ import { Button, Divider, Dropdown, MenuItem } from '@banana-ui/react'; -import React from 'react'; export default function Arrow() { return ( diff --git a/docs/example/Dropdown/demos/BasicUsage.tsx b/docs/example/Dropdown/demos/BasicUsage.tsx index 09021235..86131a84 100644 --- a/docs/example/Dropdown/demos/BasicUsage.tsx +++ b/docs/example/Dropdown/demos/BasicUsage.tsx @@ -3,7 +3,6 @@ */ import { Button, Divider, Dropdown, Menu, MenuItem } from '@banana-ui/react'; -import React from 'react'; export default function BasicUsage() { return ( diff --git a/docs/example/Dropdown/demos/Placement.tsx b/docs/example/Dropdown/demos/Placement.tsx index ca743732..f48a738c 100644 --- a/docs/example/Dropdown/demos/Placement.tsx +++ b/docs/example/Dropdown/demos/Placement.tsx @@ -4,7 +4,6 @@ */ import { Button, Divider, Dropdown, Menu, MenuItem } from '@banana-ui/react'; -import React from 'react'; export default function BasicUsage() { return ( diff --git a/docs/example/Dropdown/demos/triggerAction.tsx b/docs/example/Dropdown/demos/triggerAction.tsx index efff99e1..2ebafbe7 100644 --- a/docs/example/Dropdown/demos/triggerAction.tsx +++ b/docs/example/Dropdown/demos/triggerAction.tsx @@ -4,7 +4,6 @@ */ import { Button, Divider, Dropdown, Menu, MenuItem } from '@banana-ui/react'; -import React from 'react'; export default function TriggerAction() { return ( diff --git a/docs/example/Dropdown/index.md b/docs/example/Dropdown/index.md index d7000c4d..3bb28c8f 100644 --- a/docs/example/Dropdown/index.md +++ b/docs/example/Dropdown/index.md @@ -16,9 +16,9 @@ demo: ## 代码演示 - - - + + + ## 属性 - Attributes & Properties diff --git a/public/Dropdown/arrow.html b/public/Dropdown/arrow.html new file mode 100644 index 00000000..68277de9 --- /dev/null +++ b/public/Dropdown/arrow.html @@ -0,0 +1,25 @@ + + Hover me! +
+ Option 1 + Option 2 + + Option A + Option B +
+
+ + + + topRight +
+ Option 1 + Option 2 + + Option A + Option B +
+
+ \ No newline at end of file diff --git a/public/Dropdown/basicUsage.html b/public/Dropdown/basicUsage.html new file mode 100644 index 00000000..ad914296 --- /dev/null +++ b/public/Dropdown/basicUsage.html @@ -0,0 +1,13 @@ + + Hover me! + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + \ No newline at end of file diff --git a/public/Dropdown/placement.html b/public/Dropdown/placement.html new file mode 100644 index 00000000..9d21a58f --- /dev/null +++ b/public/Dropdown/placement.html @@ -0,0 +1,85 @@ +
+ + bottomLeft(default) + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + + + + bottom + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + + + + bottomRight + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + + + + topLeft + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + + + + top + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + + + + topRight + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + +
\ No newline at end of file diff --git a/public/Dropdown/triggerAction.html b/public/Dropdown/triggerAction.html new file mode 100644 index 00000000..26af22cb --- /dev/null +++ b/public/Dropdown/triggerAction.html @@ -0,0 +1,13 @@ + + Click me! + + Option 1 + Option 2 + Option 3 + Option 4 + Option 5 + + Option A + Option B + + \ No newline at end of file