diff --git a/components/SearchBar/SearchBar.story.tsx b/components/SearchBar/SearchBar.story.tsx
new file mode 100644
index 000000000..86b844380
--- /dev/null
+++ b/components/SearchBar/SearchBar.story.tsx
@@ -0,0 +1,11 @@
+import SearchBar from "./SearchBar";
+
+
+export default {
+  title: 'Search bar',
+  config: {
+    searchBar: false,
+  },
+};
+
+export const Default = (args: any) => <SearchBar {...args} />;
diff --git a/components/Settings/SettingsMenu.story.tsx b/components/Settings/SettingsMenu.story.tsx
new file mode 100644
index 000000000..a49469b17
--- /dev/null
+++ b/components/Settings/SettingsMenu.story.tsx
@@ -0,0 +1,10 @@
+import { SettingsMenuButton } from "./SettingsMenu";
+
+export default {
+  title: ' menu',
+  args: {
+    opened: false,
+  },
+};
+
+export const Default = (args: any) => <SettingsMenuButton {...args} />;