feat: update README

README.md

@@ -59,6 +59,49 @@ Example:
 </main>
 ```
 
+Gjs/Gts:
+
+```gts
+import { NavigationNarrator } from 'ember-a11y-refocus';
+
+<template>
+  <NavigationNarrator/>
+  <!-- other header content-->
+</template>
+```
+
+Template Registry is available for loose mode users:
+
+```js
+import type EmberA11yRefocusRegistry from 'ember-a11y-refocus/template-registry';
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry
+    extends EmberA11yRefocusRegistry{
+  }
+}
+```
+
+Minimal CSS is provided to style the skip link and navigation message. You can override these styles in your app's CSS.
+
+```js
+// ember-cli-build.js
+const app = new EmberApp(defaults, {
+  const app = new EmberApp(defaults, {
+      sassOptions: {
+      includePaths: ['node_modules/ember-a11y-refocus/dist/styles'],
+    },
+  });
+});
+```
+
+```scss
+// app.scss
+
+@use "navigation-narrator.css";
+```
+
+
 ### Customizing the definition of a route change
 
 This addon provides support for custom definitions of which route changes should trigger refocusing behavior.