@iress-oss/ids-mcp-server 6.0.0-alpha.1-canary-20251204032753-fe18cab → 6.0.0-alpha.1-canary-20251204040305-3639454

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

@@ -0,0 +1,277 @@
+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.
+
+* * *
+
+Updated
+
+**Recently updated**
+
+This component has been recently updated with new props. The props have been marked as beta. Please tell us if there are any issues.
+
+[](./iframe.html?id=components-readonly--default)
+
+AU
+
+```
+
+<IressReadonly
+  append\=""
+  prepend\=""
+  value\="AU"
+/>
+
+```
+
+Props
+-----
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| append | 
+string
+
+
+
+ | \- |  |
+| children | 
+
+The formatted value. If not provided, the value will be displayed.
+
+ReactNode
+
+
+
+ | \- | \- |
+| inline | 
+
+Make prepend/append element closer to the input content.
+
+boolean
+
+
+
+ | \- | Set boolean |
+| prepend | 
+
+string
+
+
+
+ | \- |  |
+| value | 
+
+string
+
+
+
+ | \- | AU |
+
+Examples
+--------
+
+### 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.
+
+[](./iframe.html?id=components-readonly--rich-content)
+
+Australia
+
+```
+
+<IressReadonly
+  append\=""
+  prepend\=""
+  value\="AU"
+\>
+  <IressInline
+    gap\="sm"
+    verticalAlign\="middle"
+  \>
+    <IressIcon name\="flag" />
+    {' '}Australia
+  </IressInline\>
+</IressReadonly\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| append | 
+string
+
+
+
+ | \- |  |
+| children | 
+
+The formatted value. If not provided, the value will be displayed.
+
+ReactNode
+
+
+
+ | \- | \- |
+| inline | 
+
+Make prepend/append element closer to the input content.
+
+boolean
+
+
+
+ | \- | Set boolean |
+| prepend | 
+
+string
+
+
+
+ | \- |  |
+| value | 
+
+string
+
+
+
+ | \- | AU |
+
+### Inline
+
+You can make the prepend/append element closer to the input content using the `inline` prop.
+
+[](./iframe.html?id=components-readonly--inline-style)
+
+Prepend
+
+Australia
+
+Append
+
+```
+
+<IressReadonly
+  append\={<IressText color\="colour.neutral.70"\>Append</IressText\>}
+  inline
+  prepend\={<IressText color\="colour.neutral.70"\>Prepend</IressText\>}
+  value\="AU"
+\>
+  <IressInline
+    gap\="sm"
+    verticalAlign\="middle"
+  \>
+    <IressIcon name\="flag" />
+    {' '}Australia
+  </IressInline\>
+</IressReadonly\>
+
+```
+
+#### Props
+
+| Name | Description | Default | Control |
+| --- | --- | --- | --- |
+| append | 
+object
+
+
+
+ | \- | 
+
+RAW
+
+append :
+
+{
+
+*   $$typeof : Symbol(react.transitional.element)
+*   type : ({ className, ...restProps }) => { \_s(); const Component = useMemo( () => styled(restProps.element ?? "div", text), \[restProps.element\] ); return /\* @\_\_PURE\_\_ \*/ jsxDEV( Component, { ...restProps, className: cx(className, GlobalCSSClass.Text) }, void 0, false, { fileName: "/home/runner/work/design-system/design-system/packages/components/src/components/Text/Text.tsx", lineNumber: 46, columnNumber: 5 }, this ); }
+*   key : null
+*   props :
+    
+    {...} 2 keys
+    
+*   \_owner : null
+*   \_store :
+    
+    {...} 0 keys
+    
+
+}
+
+
+
+
+
+
+
+ |
+| children | 
+
+The formatted value. If not provided, the value will be displayed.
+
+ReactNode
+
+
+
+ | \- | \- |
+| inline | 
+
+Make prepend/append element closer to the input content.
+
+boolean
+
+
+
+ | \- | FalseTrue |
+| prepend | 
+
+object
+
+
+
+ | \- | 
+
+RAW
+
+prepend :
+
+{
+
+*   $$typeof : Symbol(react.transitional.element)
+*   type : ({ className, ...restProps }) => { \_s(); const Component = useMemo( () => styled(restProps.element ?? "div", text), \[restProps.element\] ); return /\* @\_\_PURE\_\_ \*/ jsxDEV( Component, { ...restProps, className: cx(className, GlobalCSSClass.Text) }, void 0, false, { fileName: "/home/runner/work/design-system/design-system/packages/components/src/components/Text/Text.tsx", lineNumber: 46, columnNumber: 5 }, this ); }
+*   key : null
+*   props :
+    
+    {...} 2 keys
+    
+*   \_owner : null
+*   \_store :
+    
+    {...} 0 keys
+    
+
+}
+
+
+
+
+
+
+
+ |
+| value | 
+
+string
+
+
+
+ | \- | AU |