如何以新的清晰度形式显示文本区域输入

Question

我基本上面临的问题之一是我的表单中有三个字段，一个是文本输入，一个是日期和 textaera 输入。清楚地 UI 最近更新 (1.0) 文档我没有看到如何使用 textaera 输入，我如何使用 angular 使用它？

第二个问题是日期选择器控件和标签没有与其余字段正确对齐（我在 input-date-container 标签中添加 'clr-row' 它工作正常）。Stackblitz

Answer 1

您的表单缺少 Textarea 实现，请参阅 the Textarea documentation here. The datepicker alignment is an open bug right now here。这是您更新后的表格。

<form clrForm>
    <clr-date-container>
      <label>Date</label>
      <input type="text" placeholder="Full example" clrDate  name="three" required />
    </clr-date-container>

    <clr-input-container>
      <label>Input</label>
      <input clrInput placeholder="Fill me in, scotty!" name="name"/>
    </clr-input-container>

    <clr-textarea-container>
      <label>Textaera</label>
      <textarea clrTextarea rows="3" placeholder="text aera">
      </textarea>
    </clr-textarea-container>
  </form>

如何以新的清晰度形式显示文本区域输入

How to show textaera input in new clarity forms

vmware-clarity