diff --git a/src/next/use-tabs.d.ts b/src/next/use-tabs.d.ts
index d21daad..7a658ac 100644
--- a/src/next/use-tabs.d.ts
+++ b/src/next/use-tabs.d.ts
@@ -31,7 +31,7 @@ export type RenderTabs<T extends Tab> = Pick<
 
 export declare const useTabs: <T extends Tab, P extends Options>(
 	tabs: T[],
-	opts?: P
+	opts?: P,
 ) => Result<T>;
 
 export interface RenderOptions<T extends RenderTab> {
@@ -41,5 +41,10 @@ export interface RenderOptions<T extends RenderTab> {
 }
 
 export declare const renderTabs: <T extends Tab>(
-	opts: RenderTabs<T>
+	opts: RenderTabs<T>,
 ) => unknown;
+
+export declare const renderActivated: <T extends Tab, R>(
+	opts: RenderTabs<T>,
+	render: (t: T & { isActive: boolean }) => R,
+) => R[];
diff --git a/src/next/use-tabs.js b/src/next/use-tabs.js
index 264383e..a2d710a 100644
--- a/src/next/use-tabs.js
+++ b/src/next/use-tabs.js
@@ -61,3 +61,8 @@ export const renderTabs = ({ tabs, active, onActivate }) =>
 			>${tab.content ?? title}</cosmoz-tab-next
 		>`;
 	});
+
+export const renderActivated = ({ tabs, active, activated }, render) =>
+	tabs
+		.filter((t) => activated.includes(t.name))
+		.map((tab) => render({ ...tab, isActive: active.name === tab.name }));