docs: add New badges on edge

nuxt · Feb 7, 2024 · f5fa9fe · f5fa9fe
1 parent 627a44b
commit f5fa9fe
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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:
-Original file line number
+Diff line change
@@ Expand Up / @@ -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.
@@ Expand Down @@