diff --git a/docs/components/rating.md b/docs/components/rating.md
index c848d244d..6851f8852 100644
--- a/docs/components/rating.md
+++ b/docs/components/rating.md
@@ -69,9 +69,9 @@ Use the `disable` attribute to disable the rating.
 <script>
   const rating = document.querySelector('.rating-emojis');
 
-  rating.symbol = (value) => {
+  rating.getSymbol = (value) => {
     const icons = ['emoji-angry', 'emoji-frown', 'emoji-expressionless', 'emoji-smile', 'emoji-laughing'];
-    return icons[value - 1];
+    return `<sl-icon name="${icons[value - 1]}"></sl-icon>`;
   };
 </script>
 ```