@rio-cloud/uikit-mcp 1.1.5 → 1.1.7

package/dist/docs/components/switch.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Interaction
-*Source:* https://uikit.developers.rio.cloud/#components/switch
-*Captured:* 2026-02-03T14:04:20.481Z
+*Source:* https://uikit.developers.rio.cloud/#/components/switch
+*Captured:* 2026-02-23T15:48:18.065Z
 
 ## Switch
 
@@ -23,11 +23,16 @@ Switch with label left
 
 Label
 
-Switch with text and min-width
+Switch with different ON/OFF text
 
-Switch with single text and label
+Switch with autoMinWidth (takes the width from the longest text)Lorem
 
-Beta feature toggle
+Switch with a longer label and more spacing
+
+Lorem ipsum
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
+
+Lorem ipsum dolor
 
 Switch in panels
 
@@ -49,11 +54,16 @@ Switch with label left
 
 Label
 
-Switch with text and min-width
+Switch with different ON/OFF text
+
+Switch with autoMinWidth (takes the width from the longest text)Lorem
 
-Switch with single text and label
+Switch with a longer label and more spacing
 
-Beta feature toggle
+Lorem ipsum
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
+
+Lorem ipsum dolor
 
 Switch in panels
 
@@ -66,6 +76,7 @@ import { useState } from 'react';
 
 import Switch from '@rio-cloud/rio-uikit/Switch';
 import Notification from '@rio-cloud/rio-uikit/Notification';
+import Divider from '@rio-cloud/rio-uikit/Divider';
 
 export default () => {
     const [switchStates, setSwitchStates] = useState<{
@@ -77,6 +88,10 @@ export default () => {
         switch4: false,
         switch5: false,
         switch6: true,
+        switch7: true,
+        switch8: true,
+        switch9: true,
+        switch10: true,
     });
 
     const handleChange = (key: string) => {
@@ -89,7 +104,7 @@ export default () => {
         });
     };
 
-    const { switch1, switch2, switch3, switch4, switch5, switch6 } = switchStates;
+    const { switch1, switch2, switch3, switch4, switch5, switch6, switch7, switch8, switch9, switch10 } = switchStates;
 
     return (
         <div>
@@ -97,7 +112,9 @@ export default () => {
             <div>
                 <Switch onChange={() => handleChange('switch1')} checked={switch1} />
             </div>
-            <hr />
+
+            <Divider dividerColor='lighter' spacing={25} />
+
             <label>Disabled Switch & disabled active Switch</label>
             <div className='display-flex'>
                 <div className='margin-right-10'>
@@ -107,7 +124,9 @@ export default () => {
                     <Switch disabled checked />
                 </div>
             </div>
-            <hr />
+
+            <Divider dividerColor='lighter' spacing={25} />
+
             <label>Colored Switch</label>
             <div className='display-flex flex-wrap gap-5'>
                 <Switch onChange={() => handleChange('switch2')} checked={switch2} color='secondary' />
@@ -116,50 +135,91 @@ export default () => {
                 <Switch onChange={() => handleChange('switch2')} checked={switch2} color='warning' />
                 <Switch onChange={() => handleChange('switch2')} checked={switch2} color='danger' />
             </div>
-            <hr />
+
+            <Divider dividerColor='lighter' spacing={25} />
+
             <label>Switch with label</label>
             <div>
                 <Switch onChange={() => handleChange('switch3')} checked={switch3} labelPosition='right'>
                     <span>Label</span>
                 </Switch>
             </div>
-            <hr />
+
+            <Divider dividerColor='lighter' spacing={25} />
+
             <label>Switch with label left</label>
             <div>
                 <Switch onChange={() => handleChange('switch4')} checked={switch4} labelPosition='left'>
                     <span>Label</span>
                 </Switch>
             </div>
-            <hr />
-            <label>Switch with text and min-width</label>
+
+            <Divider dividerColor='lighter' spacing={25} />
+
+            <label>Switch with different ON/OFF text</label>
             <div>
                 <Switch
                     onChange={() => handleChange('switch5')}
                     checked={switch5}
-                    minWidth={50}
                     enabledText='ON'
                     disabledText='OFF'
                 />
             </div>
-            <hr />
-            <label>Switch with single text and label</label>
+
+            <Divider dividerColor='lighter' spacing={25} />
+
+            <label>Switch with autoMinWidth (takes the width from the longest text)</label>
             <div>
                 <Switch
                     onChange={() => handleChange('switch6')}
                     checked={switch6}
-                    enabledText='Beta'
-                    labelPosition='right'
-                >
-                    <span>Beta feature toggle</span>
-                </Switch>
+                    enabledText='ON'
+                    disabledText='Lorem'
+                    autoMinWidth
+                />
             </div>
-            <hr />
+
+            <Divider dividerColor='lighter' spacing={25} />
+
+            <label>Switch with a longer label and more spacing</label>
+            <div className='display-flex flex-wrap gap-25'>
+                <div className='max-width-300'>
+                    <Switch
+                        onChange={() => handleChange('switch7')}
+                        checked={switch7}
+                        labelPosition='right'
+                        className='gap-10'
+                        customTextStyle
+                    >
+                        <div className='text-size-14 text-color-darker'>
+                            <div className='text-medium margin-bottom-5'>Lorem ipsum</div>
+                            <div>
+                                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
+                                invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
+                            </div>
+                        </div>
+                    </Switch>
+                </div>
+                <div>
+                    <Switch
+                        onChange={() => handleChange('switch8')}
+                        checked={switch8}
+                        labelPosition='right'
+                        enabledText='Beta'
+                    >
+                        <span>Lorem ipsum dolor</span>
+                    </Switch>
+                </div>
+            </div>
+
+            <Divider dividerColor='lighter' spacing={25} />
+
             <label>Switch in panels</label>
             <div className='display-grid grid-cols-3 gap-15'>
                 <div className='panel panel-default'>
                     <div className='panel-heading display-flex justify-content-end'>
                         <div>
-                            <Switch onChange={() => handleChange('switch6')} checked={switch6} enabledText='Beta' />
+                            <Switch onChange={() => handleChange('switch6')} checked={switch9} enabledText='Beta' />
                         </div>
                     </div>
                     <div className='panel-body' />
@@ -167,7 +227,7 @@ export default () => {
                 <div className='panel panel-primary'>
                     <div className='panel-heading display-flex justify-content-end'>
                         <div>
-                            <Switch onChange={() => handleChange('switch6')} checked={switch6} enabledText='Beta' />
+                            <Switch onChange={() => handleChange('switch9')} checked={switch9} enabledText='Beta' />
                         </div>
                     </div>
                     <div className='panel-body' />
@@ -176,8 +236,8 @@ export default () => {
                     <div className='panel-heading display-flex justify-content-end'>
                         <div>
                             <Switch
-                                onChange={() => handleChange('switch6')}
-                                checked={switch6}
+                                onChange={() => handleChange('switch10')}
+                                checked={switch10}
                                 enabledText='Beta'
                                 color='success'
                             />
@@ -189,8 +249,8 @@ export default () => {
                     <div className='panel-heading display-flex justify-content-end'>
                         <div>
                             <Switch
-                                onChange={() => handleChange('switch6')}
-                                checked={switch6}
+                                onChange={() => handleChange('switch10')}
+                                checked={switch10}
                                 enabledText='Beta'
                                 color='warning'
                             />
@@ -202,8 +262,8 @@ export default () => {
                     <div className='panel-heading display-flex justify-content-end'>
                         <div>
                             <Switch
-                                onChange={() => handleChange('switch6')}
-                                checked={switch6}
+                                onChange={() => handleChange('switch10')}
+                                checked={switch10}
                                 enabledText='Beta'
                                 color='danger'
                             />
@@ -216,24 +276,24 @@ export default () => {
             <div className='display-grid grid-cols-3 gap-15'>
                 <div className='alert alert-warning'>
                     <Switch
-                        onChange={() => handleChange('switch6')}
-                        checked={switch6}
+                        onChange={() => handleChange('switch10')}
+                        checked={switch10}
                         enabledText='Beta'
                         color='warning'
                     />
                 </div>
                 <div className='alert alert-danger'>
                     <Switch
-                        onChange={() => handleChange('switch6')}
-                        checked={switch6}
+                        onChange={() => handleChange('switch10')}
+                        checked={switch10}
                         enabledText='Beta'
                         color='danger'
                     />
                 </div>
                 <div className='alert alert-info'>
                     <Switch
-                        onChange={() => handleChange('switch6')}
-                        checked={switch6}
+                        onChange={() => handleChange('switch10')}
+                        checked={switch10}
                         enabledText='Beta'
                         color='info'
                     />
@@ -251,7 +311,7 @@ export default () => {
     <label>Switch</label>
     <div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                     <div class="switch-handle">
@@ -260,12 +320,15 @@ export default () => {
             </label>
         </div>
     </div>
-    <hr>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
     <label>Disabled Switch &amp; disabled active Switch</label>
     <div class="display-flex">
         <div class="margin-right-10">
             <div class="uikit-switch">
-                <label class="switch-label cursor-not-allowed">
+                <label class="switch-label uikit-switch cursor-not-allowed">
                     <input type="checkbox" class="switch-input" disabled="">
                     <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                         <div class="switch-handle">
@@ -276,7 +339,7 @@ export default () => {
         </div>
         <div>
             <div class="uikit-switch">
-                <label class="switch-label cursor-not-allowed">
+                <label class="switch-label uikit-switch cursor-not-allowed">
                     <input type="checkbox" class="switch-input" disabled="" checked="">
                     <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                         <div class="switch-handle">
@@ -286,11 +349,14 @@ export default () => {
             </div>
         </div>
     </div>
-    <hr>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
     <label>Colored Switch</label>
     <div class="display-flex flex-wrap gap-5">
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-secondary); min-width: 40px;">
                     <div class="switch-handle">
@@ -299,7 +365,7 @@ export default () => {
             </label>
         </div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-info); min-width: 40px;">
                     <div class="switch-handle">
@@ -308,7 +374,7 @@ export default () => {
             </label>
         </div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-success); min-width: 40px;">
                     <div class="switch-handle">
@@ -317,7 +383,7 @@ export default () => {
             </label>
         </div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-warning); min-width: 40px;">
                     <div class="switch-handle">
@@ -326,7 +392,7 @@ export default () => {
             </label>
         </div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input" checked="">
                 <div class="switch-content" style="color: var(--brand-danger); min-width: 40px;">
                     <div class="switch-handle">
@@ -335,41 +401,54 @@ export default () => {
             </label>
         </div>
     </div>
-    <hr>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
     <label>Switch with label</label>
     <div>
         <div class="uikit-switch">
-            <label class="switch-label label-position-right">
+            <label class="switch-label uikit-switch label-position-right">
                 <input type="checkbox" class="switch-input">
                 <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                     <div class="switch-handle">
                     </div>
                 </div>
-                <span>Label</span>
+                <div class="switch-text-wrapper user-select-none padding-top-1">
+                    <span>Label</span>
+                </div>
             </label>
         </div>
     </div>
-    <hr>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
     <label>Switch with label left</label>
     <div>
         <div class="uikit-switch">
-            <label class="switch-label label-position-left">
+            <label class="switch-label uikit-switch label-position-left display-inline-flex height-20">
                 <input type="checkbox" class="switch-input">
                 <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
                     <div class="switch-handle">
                     </div>
                 </div>
-                <span>Label</span>
+                <div class="switch-text-wrapper user-select-none padding-top-1">
+                    <span>Label</span>
+                </div>
             </label>
         </div>
     </div>
-    <hr>
-    <label>Switch with text and min-width</label>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
+    <label>Switch with different ON/OFF text</label>
     <div>
         <div class="uikit-switch">
-            <label class="switch-label">
+            <label class="switch-label uikit-switch">
                 <input type="checkbox" class="switch-input">
-                <div class="switch-content" style="color: var(--brand-primary); min-width: 50px;">
+                <div class="switch-content" style="color: var(--brand-primary);">
                     <div class="switch-text" data-on="ON" data-off="OFF">
                     </div>
                     <div class="switch-handle">
@@ -378,32 +457,78 @@ export default () => {
             </label>
         </div>
     </div>
-    <hr>
-    <label>Switch with single text and label</label>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
+    <label>Switch with autoMinWidth (takes the width from the longest text)</label>
     <div>
         <div class="uikit-switch">
-            <label class="switch-label label-position-right">
+            <label class="switch-label uikit-switch">
+                <span class="switch-text-measure" aria-hidden="true">Lorem</span>
                 <input type="checkbox" class="switch-input" checked="">
-                <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
-                    <div class="switch-text" data-on="Beta" data-off="Beta">
+                <div class="switch-content" style="color: var(--brand-primary); min-width: 63px;">
+                    <div class="switch-text" data-on="ON" data-off="Lorem">
                     </div>
                     <div class="switch-handle">
                     </div>
                 </div>
-                <span>Beta feature toggle</span>
             </label>
         </div>
     </div>
-    <hr>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
+    <label>Switch with a longer label and more spacing</label>
+    <div class="display-flex flex-wrap gap-25">
+        <div class="max-width-300">
+            <div class="uikit-switch gap-10">
+                <label class="switch-label uikit-switch gap-10 label-position-right">
+                    <input type="checkbox" class="switch-input" checked="">
+                    <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
+                        <div class="switch-handle">
+                        </div>
+                    </div>
+                    <div class="switch-text-wrapper user-select-none">
+                        <div class="text-size-14 text-color-darker">
+                            <div class="text-medium margin-bottom-5">Lorem ipsum</div>
+                            <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
+                        </div>
+                    </div>
+                </label>
+            </div>
+        </div>
+        <div>
+            <div class="uikit-switch">
+                <label class="switch-label uikit-switch label-position-right">
+                    <input type="checkbox" class="switch-input" checked="">
+                    <div class="switch-content" style="color: var(--brand-primary);">
+                        <div class="switch-text" data-on="Beta" data-off="Beta">
+                        </div>
+                        <div class="switch-handle">
+                        </div>
+                    </div>
+                    <div class="switch-text-wrapper user-select-none padding-top-1">
+                        <span>Lorem ipsum dolor</span>
+                    </div>
+                </label>
+            </div>
+        </div>
+    </div>
+    <div class="Divider position-relative width-100pct" style="padding-top: 25px; padding-bottom: 25px;">
+        <div class="divider-line bg-lighter" style="width: 100%; height: 1px;">
+        </div>
+    </div>
     <label>Switch in panels</label>
     <div class="display-grid grid-cols-3 gap-15">
         <div class="panel panel-default">
             <div class="panel-heading display-flex justify-content-end">
                 <div>
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input" checked="">
-                            <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
+                            <div class="switch-content" style="color: var(--brand-primary);">
                                 <div class="switch-text" data-on="Beta" data-off="Beta">
                                 </div>
                                 <div class="switch-handle">
@@ -420,9 +545,9 @@ export default () => {
             <div class="panel-heading display-flex justify-content-end">
                 <div>
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input" checked="">
-                            <div class="switch-content" style="color: var(--brand-primary); min-width: 40px;">
+                            <div class="switch-content" style="color: var(--brand-primary);">
                                 <div class="switch-text" data-on="Beta" data-off="Beta">
                                 </div>
                                 <div class="switch-handle">
@@ -439,9 +564,9 @@ export default () => {
             <div class="panel-heading display-flex justify-content-end">
                 <div>
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input" checked="">
-                            <div class="switch-content" style="color: var(--brand-success); min-width: 40px;">
+                            <div class="switch-content" style="color: var(--brand-success);">
                                 <div class="switch-text" data-on="Beta" data-off="Beta">
                                 </div>
                                 <div class="switch-handle">
@@ -458,9 +583,9 @@ export default () => {
             <div class="panel-heading display-flex justify-content-end">
                 <div>
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input" checked="">
-                            <div class="switch-content" style="color: var(--brand-warning); min-width: 40px;">
+                            <div class="switch-content" style="color: var(--brand-warning);">
                                 <div class="switch-text" data-on="Beta" data-off="Beta">
                                 </div>
                                 <div class="switch-handle">
@@ -477,9 +602,9 @@ export default () => {
             <div class="panel-heading display-flex justify-content-end">
                 <div>
                     <div class="uikit-switch">
-                        <label class="switch-label">
+                        <label class="switch-label uikit-switch">
                             <input type="checkbox" class="switch-input" checked="">
-                            <div class="switch-content" style="color: var(--brand-danger); min-width: 40px;">
+                            <div class="switch-content" style="color: var(--brand-danger);">
                                 <div class="switch-text" data-on="Beta" data-off="Beta">
                                 </div>
                                 <div class="switch-handle">
@@ -497,9 +622,9 @@ export default () => {
     <div class="display-grid grid-cols-3 gap-15">
         <div class="alert alert-warning">
             <div class="uikit-switch">
-                <label class="switch-label">
+                <label class="switch-label uikit-switch">
                     <input type="checkbox" class="switch-input" checked="">
-                    <div class="switch-content" style="color: var(--brand-warning); min-width: 40px;">
+                    <div class="switch-content" style="color: var(--brand-warning);">
                         <div class="switch-text" data-on="Beta" data-off="Beta">
                         </div>
                         <div class="switch-handle">
@@ -510,9 +635,9 @@ export default () => {
         </div>
         <div class="alert alert-danger">
             <div class="uikit-switch">
-                <label class="switch-label">
+                <label class="switch-label uikit-switch">
                     <input type="checkbox" class="switch-input" checked="">
-                    <div class="switch-content" style="color: var(--brand-danger); min-width: 40px;">
+                    <div class="switch-content" style="color: var(--brand-danger);">
                         <div class="switch-text" data-on="Beta" data-off="Beta">
                         </div>
                         <div class="switch-handle">
@@ -523,9 +648,9 @@ export default () => {
         </div>
         <div class="alert alert-info">
             <div class="uikit-switch">
-                <label class="switch-label">
+                <label class="switch-label uikit-switch">
                     <input type="checkbox" class="switch-input" checked="">
-                    <div class="switch-content" style="color: var(--brand-info); min-width: 40px;">
+                    <div class="switch-content" style="color: var(--brand-info);">
                         <div class="switch-text" data-on="Beta" data-off="Beta">
                         </div>
                         <div class="switch-handle">
@@ -546,9 +671,11 @@ export default () => {
 | onChange | (toggleState: boolean) => void | — | Callback function triggered when clicking the button. |
 | checked | boolean | false | Set active / inactive state. |
 | color | string | 'primary' | Defines the color of the switch. Possible values are: 'primary' 'secondary' 'info' 'success' 'warning' 'danger' |
-| minWidth | number | 40 | The min-width of the switch. |
+| minWidth | number | — | The min-width of the switch. If not set, the default min-width is 40. |
+| autoMinWidth | boolean | false | Controls automatic text-based min-width behavior when minWidth is not set. Set to true to keep the width at the longer one of enabledText and disabledText. |
 | disabled | boolean | false | Disables the component. |
 | enabledText | string | — | The text used for the ON state. |
 | disabledText | string | — | The text used for the OFF state. |
-| labelPosition | 'left' \| 'right' | — | Defines the position of the switch label. Defaults to 'right' when children are present. Possible values are 'left' and 'right'. |
+| labelPosition | 'left' \| 'right' | 'right' | Defines the position of the switch label. Defaults to 'right' when children are present. Possible values are 'left' and 'right'. |
+| customTextStyle | boolean | false | Use this flag if you want to have custom text styles. |
 | className | string | — | Additional class names added to the SVG element. |

package/dist/docs/components/tables.md

@@ -2,7 +2,7 @@
 
 *Category:* Components
 *Section:* Content
-*Source:* https://uikit.developers.rio.cloud/#components/tables
-*Captured:* 2026-02-03T14:04:50.602Z
+*Source:* https://uikit.developers.rio.cloud/#/components/tables
+*Captured:* 2026-02-23T15:48:48.289Z
 
 The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.

package/dist/docs/components/tagManager.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/tagManager
-*Captured:* 2026-02-03T14:05:09.350Z
+*Source:* https://uikit.developers.rio.cloud/#/components/tagManager
+*Captured:* 2026-02-23T15:49:05.640Z
 
 The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
 

package/dist/docs/components/tags.md

@@ -2,8 +2,8 @@
 
 *Category:* Components
 *Section:* Misc
-*Source:* https://uikit.developers.rio.cloud/#components/tags
-*Captured:* 2026-02-03T14:05:08.958Z
+*Source:* https://uikit.developers.rio.cloud/#/components/tags
+*Captured:* 2026-02-23T15:49:05.596Z
 
 ## Tag