<div class="text-area--dark is-initialized">
<div class="text-area__wrapper">
<textarea class="text-area__input" id="text" name="text" rows="5" maxlength="100" data-test="Yes">
</textarea>
<label class="text-area__label" for="text">Text
</label>
</div>
<div class="text-area__helper">
<div class="text-area__helper--text">Please note that this form field has a helper text</div>
<div class="text-area__helper--tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
<span class="visually-hidden">Information</span>
</button>
</div>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/text-area/text-area.twig' %}
{
"id": "text",
"name": "text",
"label": "Text",
"required": false,
"value": "",
"disabled": false,
"maxlength": 100,
"rows": 5,
"attributes": {
"data-test": "Yes"
},
"variant": "dark",
"error": "",
"helper": "Please note that this form field has a helper text",
"tooltip": {
"variant": "small",
"title": "Information",
"content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
}
}
import './text-area.scss';
import TextArea, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/text-area/text-area';
export default TextArea;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/text-area/text-area";
No notes defined.