FEATURE Introducing the component and basic active buttons features

resources/js/singles/article-toolbar.ts

@@ -0,0 +1,21 @@
+export function handleArticleToolbar() {
+  observeTabsButtons();
+}
+
+function observeTabsButtons(): void {
+  const toolbarButtons = document.querySelectorAll('#article-toolbar button');
+
+  toolbarButtons.forEach((toolbarButton) => {
+    toolbarButton.addEventListener('click', () => {
+      resetToolbarButtons();
+      toolbarButton.setAttribute('aria-selected', 'true');
+    });
+  });
+}
+
+function resetToolbarButtons(): void {
+  const toolbarButtons = document.querySelectorAll('#article-toolbar button');
+  toolbarButtons.forEach((toolbarButton) => {
+    toolbarButton.setAttribute('aria-selected', 'false');
+  });
+}