inno-error

Preview

Not valid

Angular

<inno-input label="Power" variant="light">
 <input type="number" />
 <inno-error type="badInput">Not valid</inno-error>
</inno-input>  

React

<InnoInput label="Power" variant="dark">
 <input type="number" />
 <InnoError type="badInput">Not valid</InnoError>
</InnoInput> 

Vue

<InnoInput label="Power" variant="dark">
 <input type="number" />
 <InnoError type="badInput">Not valid</InnoError>
</InnoInput> 

Properties

Property	Attribute	Description	Type	Default
active	active	Show the error or not.	boolean	false
type	type	The input's validation error type, see: https://developer.mozilla.org/en-US/docs/Web/API/ValidityState	"badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valid" | "valueMissing"	undefined
variant	variant	Theme variant of the input.	"dark" | "light"	'light'

Dependencies

Used by

• inno-input

Graph

---

Built with StencilJS