@iress-oss/ids-mcp-server 0.0.1-dev.0

package/generated/docs/components-readonly-docs.md

@@ -0,0 +1,89 @@
+[](#readonly)Readonly
+=====================
+
+Overview
+--------
+
+Readonly displays a value that cannot be edited by the user. It renders a hidden input field to ensure the value is submitted with the form.
+
+AU
+
+Hide code
+
+\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+
+<IressReadonly
+  append\=""
+  prepend\=""
+  value\="AU"
+/>
+
+Copy
+
+[](#examples)Examples
+---------------------
+
+### [](#rich-content)Rich Content
+
+You can pass in stylised content that represents the value by using the `children` prop. If no `children` is provided, it will display the `value` directly.
+
+Australia
+
+Hide code
+
+\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+
+<IressReadonly
+  append\=""
+  prepend\=""
+  value\="AU"
+\>
+  <IressInline
+    gutter\="sm"
+    verticalAlign\="middle"
+  \>
+    <IressIcon name\="flag" />
+    {' '}Australia
+  </IressInline\>
+</IressReadonly\>
+
+Copy
+
+### [](#inline)Inline
+
+You can make the prepend/append element closer to the input content using the `inline` prop.
+
+Prepend
+
+Australia
+
+Append
+
+Hide code
+
+\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+
+<IressReadonly
+  append\={<IressText mode\="muted"\>Append</IressText\>}
+  inline
+  prepend\={<IressText mode\="muted"\>Prepend</IressText\>}
+  value\="AU"
+\>
+  <IressInline
+    gutter\="sm"
+    verticalAlign\="middle"
+  \>
+    <IressIcon name\="flag" />
+    {' '}Australia
+  </IressInline\>
+</IressReadonly\>
+
+Copy
+
+On this page
+
+*   [Overview](#overview)
+*   [Props](#props)
+*   [Examples](#examples)
+    *   [Rich Content](#rich-content)
+    *   [Inline](#inline)