+ {webMarketplaceLaunchBanner ? (
+
The launch banner feature is enabled!
+ ) : (
+
The launch banner feature is disabled.
+ )}
+
+ );
+};
+
+export default MyComponent;
+```
+
+Note that even though the flag name in LD is `kebab-case`, we are able to access it `camelCase` in our app.
diff --git a/packages/elements/src/index.ts b/packages/elements/src/index.ts
index bdf3c503a..a3eb63daa 100644
--- a/packages/elements/src/index.ts
+++ b/packages/elements/src/index.ts
@@ -63,3 +63,4 @@ export * from "./lib/UploadSong";
export * from "./lib/skeleton";
export { default as SideBarNavLink } from "./lib/SideBarNavLink";
export { default as SideBarHeader } from "./lib/SideBarHeader";
+export { default as Favicon } from "./lib/Favicon";
diff --git a/packages/elements/src/lib/Favicon.tsx b/packages/elements/src/lib/Favicon.tsx
new file mode 100644
index 000000000..5cf9512e6
--- /dev/null
+++ b/packages/elements/src/lib/Favicon.tsx
@@ -0,0 +1,44 @@
+/**
+ * Favicon component for including standard favicon and branding images.
+ * NOTE: Ensure that the corresponding favicon files (e.g., favicon-dark.ico, favicon-32x32.png)
+ * are placed in the `public` directory of your app for proper rendering.
+ */
+const Favicon = () => {
+ return (
+ <>
+