basic menu styling

components/StyledMenu.qml

@@ -0,0 +1,12 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls
+
+Menu {
+    id: root
+
+    palette.window: Theme.palette.base100
+    palette.base: Theme.palette.base100
+
+    closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
+}

components/StyledMenuItem.qml

@@ -0,0 +1,9 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls
+
+MenuItem {
+    palette.text: Theme.palette.basecontent
+    palette.highlight: Theme.palette.primary
+    palette.highlightedText: Theme.palette.primarycontent
+}

modules/storybook/Storybook.qml

@@ -96,6 +96,14 @@ StyledWindow {
                 }
             }
 
+            ColumnLayout {
+                StyledText {
+                    text: "Mpris Player Selector"
+                    font.pixelSize: 18
+                }
+                MprisPlayerSelector {}
+            }
+
             ColumnLayout {
                 StyledText {
                     text: "Mpris Controller"
@@ -106,6 +114,36 @@ StyledWindow {
                 }
             }
 
+            ColumnLayout {
+                StyledText {
+                    text: "Menu"
+                    font.pixelSize: 18
+                }
+                Button {
+                    id: fileButton
+                    text: "File"
+                    onPressed: menu.visible ? menu.close() : menu.open()
+
+                    StyledMenu {
+                        id: menu
+                        y: fileButton.height
+
+                        StyledMenuItem {
+                            text: "New..."
+                        }
+                        StyledMenuItem {
+                            text: "Open..."
+                        }
+                        StyledMenuItem {
+                            text: "Save"
+                        }
+                        StyledMenuItem {
+                            text: "Close"
+                        }
+                    }
+                }
+            }
+
             ColumnLayout {
                 StyledText {
                     text: "Drawer"