Class ZetaSearch

Supports speech recognition search on Chrome.

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21286-35997

Storybook

https://zeta-ds.web.app/web/storybook/?path=/docs/search--docs

Slot

leading - Leading icon

Hierarchy

  • FormFieldInterface<this> & LitElement<this> & SizeInterface<this> & ContourableInterface<this> & InteractiveInterface<this>
    • ZetaSearch

Other

constructor _round checked? disabled hasIcon indeterminate input internals name required rounded size type value shadowRootOptions styles round blur focus handleChange

rendering

render

Other

constructor

  • new ZetaSearch(): ZetaSearch

  • Returns ZetaSearch

_round

_round: boolean | "full" = false

Optionalchecked

checked?: boolean

disabled

disabled: boolean

hasIcon

hasIcon: boolean = false

Show microphone icon.

indeterminate

indeterminate: boolean

input

input: HTMLInputElement

internals

internals: ElementInternals

name

name: string

required

required: boolean

rounded

rounded: boolean

size

size: "small" | "medium" | "large"

type

type: InputType = "search"

value

value: string

StaticshadowRootOptions

shadowRootOptions: ShadowRootInit = ...

Staticstyles

styles: CSSResultGroup[] = ...

round

blur

focus

handleChange

  • handleChange(_event): void

  • Parameters

    • _event: Event

    Returns void

rendering

Protectedrender

  • render(): TemplateResult<1>

  • Invoked 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.

    Returns TemplateResult<1>

Settings

Member Visibility

On This Page

Other
rendering