@iress-oss/ids-mcp-server 5.15.0 → 5.20.2

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

@@ -1,135 +0,0 @@
-[](#label)Label
-===============
-
-Overview
---------
-
-Use the `IressLabel` component when building bespoke form inputs and `IressField` is too restrictive.
-
-**This is a label**
-
-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; }
-
-<IressLabel\>
-  This is a label
-</IressLabel\>
-
-Copy
-
-[](#examples)Examples
----------------------
-
-### [](#required)Required
-
-To indicate that an input is required, you may use the `required` prop to distinguish the label with an asterix.
-
-**\*Required This is a label for a required input**
-
-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; }
-
-<IressLabel required\>
-  This is a label for a required input
-</IressLabel\>
-
-Copy
-
-### [](#optional)Optional
-
-Alternatively, if the majority of your form inputs are required, you may wish to distinguish only the optional inputs. For this, use the `optional` prop.
-
-The `optional` prop also accepts a string, in which case it will replace the default "(optional)" label, useful when you need to support translation.
-
-**Note:** that the `optional` and `required` props are mutually exclusive, with `required` taking precedence.
-
-**This is a label for an optional input(optional)**
-
-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; }
-
-<IressLabel optional\>
-  This is a label for an optional input
-</IressLabel\>
-
-Copy
-
-**This is a label for an optional input(选修的)**
-
-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; }
-
-<IressLabel optional\="(选修的)"\>
-  This is a label for an optional input
-</IressLabel\>
-
-Copy
-
-### [](#hidden-label)Hidden label
-
-Sometimes you may wish to have an input with no visible label, but to still wrap the input in a label for accessibility. In this case, set `hiddenLabel` to `true`.
-
-**This text is visible to screen readers only**
-
-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; }
-
-<IressLabel hiddenLabel\>
-  This text is visible to screen readers only
-</IressLabel\>
-
-Copy
-
-### [](#rich-content)Rich content
-
-You can render custom content into the label.
-
-**
-
-Home settings
-
-**
-
-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; }
-
-<IressLabel\>
-  <IressInline
-    gutter\="md"
-    verticalAlign\="middle"
-  \>
-    <IressIcon name\="home" />
-    Home settings    <IressIcon name\="cog" />
-  </IressInline\>
-</IressLabel\>
-
-Copy
-
-[](#accessibility)Accessibility
--------------------------------
-
-Don't place interactive elements such as anchors or buttons inside the `IressLabel`. Doing so makes it difficult for people to activate the form input associated with the label.
-
-See the [MDN Label Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#accessibility_concerns) for more info.
-
-### [](#labelling-non-interactive-content)Labelling non-interactive content
-
-`IressLabel` can be used to label non-interactive content, such as readonly data. In this case, do not provide a `htmlFor` prop. This will render the label using a `strong` tag instead of a `label` tag.
-
-On this page
-
-*   [Overview](#overview)
-*   [Props](#props)
-*   [Examples](#examples)
-    *   [Required](#required)
-    *   [Optional](#optional)
-    *   [Hidden label](#hidden-label)
-    *   [Rich content](#rich-content)
-*   [Accessibility](#accessibility)
-    *   [Labelling non-interactive content](#labelling-non-interactive-content)