graycoreio/daffodil

View on GitHub
apps/design-land/src/app/input/input.component.html

Summary

Maintainability
Test Coverage
<h1>Input</h1>
<p>Input is a form control element that can be used in forms.</p>

<h2>Examples</h2>

<h3>Basic</h3>
<p>A basic input without using the <code>DaffFormFieldComponent</code>.</p>

<design-land-example-viewer-container example="basic-input"></design-land-example-viewer-container>

<h3>With <code>DaffFormFieldComponent</code></h3>
<p>An input using <code>DaffFormField</code></p>

<design-land-example-viewer-container example="input-with-form-field"></design-land-example-viewer-container>

<h3>Disabled</h3>
<p>The input in this example is disabled using the native HTML disabled attribute.</p>

<design-land-example-viewer-container example="input-disabled"></design-land-example-viewer-container>

<h3>With Reactive Forms</h3>
<p>The input in this example uses the <code>ReactiveFormsModule</code> to display errors.</p>

<design-land-example-viewer-container example="input-error"></design-land-example-viewer-container>