OptionalcheckedWhether field is in error state.
Error hint text
Shown if error, replaces hintText.
Hint text shown below text field.
if error, then errorText is shown instead.
OptionaliconLeading icon name.
Whether an option is selected.
Label shown above the field.
Whether the dialog is open.
Height of options dropdown Default is 200px
The type used in FormField mixin
Static InternalshadowStaticstylesProtectedrenderInvoked on each update to perform rendering tasks. This method may return
any value renderable by lit-html's ChildPart - typically a
TemplateResult. Setting properties inside this method will not trigger
the element to update.
ProtectedfirstInvoked when the element is first updated. Implement to perform one time work on the element after update.
firstUpdated() {
this.renderRoot.getElementById('my-text-area').focus();
}
Setting properties inside this method will trigger the element to update again after this update cycle completes.
Map of changed properties with old values
ZetaSelectInput web component. Text input with dropdown select. Currently no typing or multi-select support.
Figma
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-39&m=dev
Storybook
https://design.zebra.com/web/storybook/index.html?path=/story/select-input--select-input