feat(components): add "componentLoad" event to SwirlBox

getflip · Jan 27, 2025 · 38ad9d2 · 38ad9d2
1 parent f46a903
commit 38ad9d2
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/.changeset/wet-tables-perform.md b/.changeset/wet-tables-perform.md
@@ -0,0 +1,7 @@
+---
+"@getflip/swirl-components": minor
+"@getflip/swirl-components-angular": minor
+"@getflip/swirl-components-react": minor
+---
+
+Add "componentLoad" event to swirl-box
diff --git a/packages/swirl-components/src/components/swirl-box/swirl-box.tsx b/packages/swirl-components/src/components/swirl-box/swirl-box.tsx
@@ -1,4 +1,13 @@
-import { Component, Element, h, Host, Prop, State } from "@stencil/core";
+import {
+  Component,
+  Element,
+  Event,
+  EventEmitter,
+  h,
+  Host,
+  Prop,
+  State,
+} from "@stencil/core";
 import classnames from "classnames";
 
 export type SwirlBoxBorderColor = "default" | "strong";
@@ -72,13 +81,17 @@ export class SwirlBox {
   @Prop() width?: string;
   @Prop() zIndex?: string;
 
+  @Event() componentLoad: EventEmitter<void>;
+
   @State() scrollState = {
     scrollable: false,
     scrolledToBottom: false,
     scrolledToTop: false,
   };
 
   componentDidLoad() {
+    this.componentLoad.emit();
+
     queueMicrotask(() => {
       this.updateScrollState();
     });