@aurodesignsystem-dev/auro-hyperlink 0.0.0-pr322.0 → 0.0.0-pr328.0

package/README.md

@@ -21,7 +21,7 @@ The following sections are editable by making changes to the following files:
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
-`<auro-hyperlink>` is a wrapper components for an HTML `<a>` element containing styling and behavior.
+The `<auro-hyperlink>` element is a wrapper element for an HTML `<a>` element containing styling and behavior.
 <!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
 <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
@@ -101,8 +101,17 @@ However, if you need to load multiple versions of the same component on a single
 You can do this by importing only the component class and using the `register(name)` method with a unique name:
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/customRegistration.md) -->
-<!-- The below content is automatically added from ./docs/partials/customRegistration.md -->
-<!-- add custom registration content here -->
+<!-- The below content is automatically added from ./docs/partials/customRegistration.md -->
+
+```js
+// Import the class only
+import { AuroHyperlink } from '@aurodesignsystem/auro-hyperlink/class';
+
+// Register with a custom name if desired
+AuroHyperlink.register('custom-hyperlink');
+```
+
+This will create a new custom element `<custom-hyperlink>` that behaves exactly like `<auro-hyperlink>`, allowing both to coexist on the same page without interfering with each other.
 <!-- AURO-GENERATED-CONTENT:END -->
 <div class="exampleWrapper exampleWrapper--flex">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./apiExamples/custom.html) -->