Formfields

Examples

<nxt-input value="Hello" label="Name"> </nxt-input>

<nxt-textarea placeholder="Add your comments here ..." label="Comment"></nxt-textarea>

<nxt-input disabled value="Hello" label="Name"></nxt-input> <nxt-input disabled label="Age"></nxt-input>

<nxt-input invalid value="Hello" label="Name"></nxt-input>

+49

Euro

<nxt-input label="Phone number">
  <span slot="prefix">+49</span>
</nxt-input>

<nxt-input label="Amount" type="number">
  <span slot="suffix">Euro</span>
</nxt-input>

<nxt-input label="Amount" type="number">
  <nxt-icon name="info-circle-o" slot="appendix"></nxt-icon>
</nxt-input>

Enter date in format DD/MM/YYYY

<nxt-input label="Date of birth">
  <span slot="hint">Enter date in format DD/MM/YYYY</span>
</nxt-input>

<nxt-input label="Name" placeholder="Enter your name"> </nxt-input>

submit

+49 Euro Enter date in format DD/MM/YYYY

<div style="display: flex;">
  <nxt-input label="Name" outline="true"> </nxt-input>
  <nxt-button style="margin-top: 28px; margin-left: 12px;" appearance="small-medium">submit</nxt-button>
</div>
<nxt-input label="Name" placeholder="Enter your name" outline="true">
  <span slot="prefix">+49</span>
  <span slot="suffix">Euro</span>
  <span slot="hint">Enter date in format DD/MM/YYYY</span>
</nxt-input>

<nxt-input label="Name" placeholder="Enter your name" outline="true" invalid>
  <span slot="prefix">+49</span>
  <span slot="suffix">Euro</span>

  <span slot="hint">Enter date in format DD/MM/YYYY</span>
</nxt-input>

<nxt-input label="Name" placeholder="Enter your name" outline="true" disabled>
  <span slot="prefix">+49</span>
  <span slot="suffix">Euro</span>
  <span slot="hint">Enter date in format DD/MM/YYYY</span>
</nxt-input>

<nxt-textarea outline placeholder="Add your comments here ..." label="Comment"></nxt-textarea>