docs(labs): add version requirements for features

vuetifyjs · May 28, 2023 · 9d4b9d1 · 9d4b9d1
1 parent 5235bea
commit 9d4b9d1
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 3 deletions.
diff --git a/packages/docs/src/pages/en/components/bottom-sheets.md b/packages/docs/src/pages/en/components/bottom-sheets.md
@@ -17,11 +17,11 @@ The bottom sheet is a modified `v-dialog` that slides from the bottom of the scr
 
 ![Bottom Sheet Entry](https://cdn.vuetifyjs.com/docs/images/components/v-bottom-sheet/v-bottom-sheet-entry.png)
 
----
+----
 
-<alert type="success">
+<alert type="warning">
 
-This feature was introduced in [v3.3.0 (Icarus)](/getting-started/release-notes/?version=v3.3.0)
+This feature requires [v3.3.0 (Icarus)](/getting-started/release-notes/?version=v3.3.0)
 
 </alert>
 

diff --git a/packages/docs/src/pages/en/components/data-iterators.md b/packages/docs/src/pages/en/components/data-iterators.md
@@ -19,6 +19,12 @@ The `v-data-iterator` component is used for displaying arbitrary data, and share
 
 ----
 
+<alert type="warning">
+
+This feature requires [v3.3.0 (Icarus)](/getting-started/release-notes/?version=v3.3.0)
+
+</alert>
+
 ## Usage
 
 The `v-data-iterator` allows you to customize exactly how to display your data. In this example we are using a grid with cards.

diff --git a/packages/docs/src/pages/en/components/data-tables/basics.md b/packages/docs/src/pages/en/components/data-tables/basics.md
@@ -14,6 +14,14 @@ related:
 
 The `v-data-table` component is used for displaying tabular data. Features include sorting, searching, pagination, grouping, and row selection.
 
+----
+
+<alert type="warning">
+
+This feature requires [v3.1.0 (Valkyrie)](/getting-started/release-notes/?version=v3.1.0)
+
+</alert>
+
 ## Usage
 
 There are three variants of the data table available depending on your requirements.

diff --git a/packages/docs/src/pages/en/components/infinite-scroller.md b/packages/docs/src/pages/en/components/infinite-scroller.md
@@ -17,6 +17,12 @@ The `v-infinite-scroll` component displays a potentially infinite list, by loadi
 
 ----
 
+<alert type="warning">
+
+This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+
+</alert>
+
 ## Usage
 
 When scrolling towards the bottom, new items will be rendered either automatically, or manually with the click of a button.

diff --git a/packages/docs/src/pages/en/components/skeleton-loaders.md b/packages/docs/src/pages/en/components/skeleton-loaders.md
@@ -19,6 +19,12 @@ Skeleton loaders provide a simple way to display loading placeholders in your ap
 
 ----
 
+<alert type="warning">
+
+This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+
+</alert>
+
 ## Usage
 
 The `v-skeleton-loader` component provides a user with a visual indicator that content is coming / loading. This is better received than traditional full-screen loaders.

diff --git a/packages/docs/src/pages/en/components/virtual-scroller.md b/packages/docs/src/pages/en/components/virtual-scroller.md
@@ -18,6 +18,12 @@ The `v-virtual-scroll` component displays a virtual, _infinite_ list. It support
 
 ----
 
+<alert type="warning">
+
+This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+
+</alert>
+
 ## Usage
 
 The virtual scroller displays just enough records to fill the viewport and uses the existing component, rehydrating it with new data.

diff --git a/packages/docs/src/pages/en/features/dates.md b/packages/docs/src/pages/en/features/dates.md
@@ -16,6 +16,14 @@ Easily hook up date libraries that are used for components that require date fun
 
 <entry />
 
+----
+
+<alert type="warning">
+
+This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+
+</alert>
+
 ## Usage
 
 The date composable provides a shared architecture that is used by components such as date picker and calendar. The default implementation is built using the native Date object, but can be swapped out for another date library. If no other date adapter is given, the default Vuetify one is used.