- Minor UI change

ayushsharma82 · Feb 3, 2024 · a565272 · a565272
1 parent 5c0f699
commit a565272
Show file tree

Hide file tree

Showing 40 changed files with 134 additions and 310 deletions.
diff --git a/docs/cards/air.md b/docs/cards/air.md
@@ -1,17 +1,12 @@
 ---
 title: Air Card
 sidebar_label: Air (Pro)
-sidebar_position: 4
+sidebar_position: 8
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 
 #### Preview:

diff --git a/docs/cards/button.md b/docs/cards/button.md
@@ -1,7 +1,7 @@
 ---
 title: Toggle Button
 sidebar_label: Toggle Button
-sidebar_position: 5
+sidebar_position: 6
 ---
 
 #### Preview:

diff --git a/docs/cards/dropdown.md b/docs/cards/dropdown.md
@@ -1,17 +1,12 @@
 ---
 title: Dropdown Card
 sidebar_label: Dropdown (Pro)
-sidebar_position: 8
+sidebar_position: 13
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 
 #### Preview:

diff --git a/docs/cards/energy.md b/docs/cards/energy.md
@@ -1,17 +1,12 @@
 ---
 title: Energy Card
 sidebar_label: Energy (Pro)
-sidebar_position: 4
+sidebar_position: 9
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/cards/image.md b/docs/cards/image.md
@@ -1,17 +1,12 @@
 ---
 title: Image Card
 sidebar_label: Image (Pro)
-sidebar_position: 9
+sidebar_position: 10
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 
 #### Preview:

diff --git a/docs/cards/joystick.md b/docs/cards/joystick.md
@@ -1,17 +1,12 @@
 ---
 title: Joystick Card
 sidebar_label: Joystick (Pro)
-sidebar_position: 7
+sidebar_position: 16
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 
 #### Preview:

diff --git a/docs/cards/push-button.md b/docs/cards/push-button.md
@@ -1,17 +1,12 @@
 ---
 title: Push Button Card
 sidebar_label: Push Button (Pro)
-sidebar_position: 5
+sidebar_position: 14
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/cards/slider.md b/docs/cards/slider.md
@@ -1,7 +1,7 @@
 ---
 title: Slider Card
 sidebar_label: Slider
-sidebar_position: 6
+sidebar_position: 7
 ---
 
 #### Preview:

diff --git a/docs/cards/text-input.md b/docs/cards/text-input.md
@@ -1,17 +1,12 @@
 ---
 title: Text Input Card
 sidebar_label: Text Input (Pro)
-sidebar_position: 6
+sidebar_position: 11
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 
@@ -22,7 +17,7 @@ sidebar_position: 6
 
 Text Input Card gives you the ability to take String input from user and save them in your application. It provides you with a input box on the dashboard where user can send back text to your application. 
 
-This card is very useful for saving WiFi credentials, passwords and general information.
+This card is very useful for saving WiFi credentials, user ID and general information.
 
 <br/>
 

diff --git a/docs/cards/week-selector.md b/docs/cards/week-selector.md
@@ -1,17 +1,12 @@
 ---
 title: Week Selector Card
 sidebar_label: Week Selector (Pro)
-sidebar_position: 10
+sidebar_position: 15
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/charts/area.md b/docs/charts/area.md
@@ -4,14 +4,9 @@ sidebar_label: Area (Pro)
 sidebar_position: 3
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/charts/line.md b/docs/charts/line.md
@@ -4,14 +4,9 @@ sidebar_label: Line (Pro)
 sidebar_position: 2
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/charts/pie.md b/docs/charts/pie.md
@@ -4,14 +4,9 @@ sidebar_label: Pie (Pro)
 sidebar_position: 4
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 #### Preview:
 

diff --git a/docs/features/brotli-compression.md b/docs/features/brotli-compression.md
@@ -4,14 +4,9 @@ sidebar_label: Brotli Compression (Pro)
 sidebar_position: 6
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/features/chartanimations.md b/docs/features/chartanimations.md
@@ -4,14 +4,9 @@ sidebar_label: Toggle Animation (Pro)
 sidebar_position: 3
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/features/custom-logo.md b/docs/features/custom-logo.md
@@ -4,14 +4,9 @@ sidebar_label: Custom Logo (Pro)
 sidebar_position: 4
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/features/indexing.md b/docs/features/indexing.md
@@ -4,13 +4,9 @@ sidebar_label: Card Indexing (Pro)
 sidebar_position: 5
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-            This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/features/sizing.md b/docs/features/sizing.md
@@ -4,14 +4,9 @@ sidebar_label: Custom Card Size (Pro)
 sidebar_position: 5
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/features/title.md b/docs/features/title.md
@@ -3,14 +3,10 @@ title: Custom Title
 sidebar_label: Custom Title (Pro)
 sidebar_position: 3
 ---
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-            This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
 
 <br/>
 

diff --git a/docs/tabs.md b/docs/tabs.md
@@ -4,16 +4,11 @@ sidebar_label: Tabs (Pro)
 sidebar_position: 7
 ---
 
-<div className="pro-label">
-    <i>
-        <h4 style={{ fontWeight: '500', marginBottom: 5 }}>
-             This feature is available in <a target="_blank" style={{ color: "red" }} href="https://espdash.pro">DASH Pro</a> only.
-        </h4>
-         
-    </i>
-</div>
+:::danger Pro Feature
+This is an exclusive feature of DASH Pro. Check it out [here](https://espdash.pro).
+:::
+
 
-<br/>
 <br/>
 
 <img src="/img/v4/tabs.png" alt="Concept Diagram" width="300px" />