diff --git a/docs/content/2.components/carousel.md b/docs/content/2.components/carousel.md
index b066ad5a..395279ae 100644
--- a/docs/content/2.components/carousel.md
+++ b/docs/content/2.components/carousel.md
@@ -98,7 +98,7 @@ The number of indicators will be automatically generated based on the number of
 
 :component-example{component="carousel-example-indicators-size"}
 
-## Autoplay
+## Autoplay :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 You can easily implement an autoplay behavior using the exposed [API](#api) through a template ref.
 
diff --git a/docs/content/2.components/divider.md b/docs/content/2.components/divider.md
index 754d6b9d..037f9a6b 100644
--- a/docs/content/2.components/divider.md
+++ b/docs/content/2.components/divider.md
@@ -66,7 +66,7 @@ excludedProps:
 ---
 ::
 
-### Size
+### Size :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `size` prop to change the size of the divider.
 
diff --git a/docs/content/2.components/input.md b/docs/content/2.components/input.md
index 5efb79e5..276160c9 100644
--- a/docs/content/2.components/input.md
+++ b/docs/content/2.components/input.md
@@ -71,7 +71,7 @@ props:
 
 Use the `type` prop to change the input type, the default `type` is set to `text`, you can check all the available types at [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types).
 
-Some types have been implemented in their own components, such as [Checkbox](/components/checkbox), [Radio](/components/radio-group), etc. and others have been styled like `file` for example.
+Some types have been implemented in their own components, such as [Checkbox](/components/checkbox), [Radio](/components/radio-group), etc. and others have been styled like `file` for example. :u-badge{label="New" class="!rounded-full" variant="subtle"}
 
 ::component-card
 ---
diff --git a/docs/content/2.components/modal.md b/docs/content/2.components/modal.md
index 030446c8..886942c4 100644
--- a/docs/content/2.components/modal.md
+++ b/docs/content/2.components/modal.md
@@ -59,7 +59,7 @@ Set the `fullscreen` prop to `true` to enable it.
 
 :component-example{component="modal-example-fullscreen"}
 
-### Control programmatically
+### Control programmatically :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 First of all, add the `Modals` component to your app, preferably inside `app.vue`.
 
diff --git a/docs/content/2.components/textarea.md b/docs/content/2.components/textarea.md
index 72724460..eac54ab9 100644
--- a/docs/content/2.components/textarea.md
+++ b/docs/content/2.components/textarea.md
@@ -119,7 +119,8 @@ props:
 ---
 ::
 
-Use the `maxrows` prop to set a maximum number of rows when autoresizing. If set to `0`, the Textarea will infinitely grow up.
+Use the `maxrows` prop to set a maximum number of rows when autoresizing. If set to `0`, the Textarea will infinitely grow up. :u-badge{label="New" class="!rounded-full" variant="subtle"}
+
 ::component-card
 ---
 baseProps: