OptionalcheckedDisables the input field.
Error state.
Returns the value of element's id content attribute. Can be set to change it.
The value of the input field.
OptionallabelThe label displayed above the input.
The maximum value of the slider input field.
The minimum value of the slider input field.
The name given to the input field.
OptionalstepIf set, will put steps on the slider at the given increments and the slider will snap to the nearest step.
StaticstylesProtectedfirstInvoked 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.
An input field using a Zeta Slider
ZetaSliderEvent:zeta-slider-change - Fired whenever value of slider is changed. Contains a single entry in detail:
value:number.Figma
https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=875-11860&m=dev
Storybook
https://zeta-ds.web.app/web/storybook/index.html?path=/docs/slider--docs