src/lib/components/Navigation/Navbar/Navbar.stories.svelte

@@ -3,7 +3,7 @@
 	import Navbar from './Navbar.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Navbar',
+		title: 'Navigation/Navbar',
 		component: Navbar
 	});
 </script>

src/lib/components/Navigation/Tabs/Tabs.stories.svelte

@@ -4,7 +4,7 @@
 	import Tabs from './Tabs.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Tabs',
+		title: 'Navigation/Tabs',
 		component: Tabs,
 		tags: ['autodocs'],
 		argTypes: {

src/lib/components/common/Button/Button.stories.svelte

@@ -4,7 +4,7 @@
 	import { fn } from '@storybook/test';
 
 	const { Story } = defineMeta({
-		title: 'Button',
+		title: 'Actions/Button',
 		component: Button,
 		args: {
 			onClick: fn()

src/lib/components/common/Loader/Loader.stories.svelte

@@ -3,7 +3,7 @@
 	import Loader from './Loader.svelte';
 
 	const { Story } = defineMeta({
-		title: 'Loader',
+		title: 'Feedback/Loader',
 		component: Loader
 	});
 </script>

src/lib/components/common/TextInput/TextInput.stories.svelte

@@ -3,7 +3,7 @@
 	import TextInput from './TextInput.svelte';
 
 	const { Story } = defineMeta({
-		title: 'TextInput',
+		title: 'Data Input/Text Input',
 		component: TextInput,
 		argTypes: {
 			color: {