View Source Moon.Design.Dropdown.Input (Moon v2.89.1)
Element that triggers Dropdown component, renders as a HTML input inside div with some addons
Properties
- testid :string - Data-testid attribute for html tag
- id :string - Id attribute for html tag
- class :css_class - Additional CSS classes for the html tag
- field_class :css_class, from_context: :field_class - Additional classes for the <input> tag in case of floating label or Group
- placeholder :string - Text to be shown when no value given
- value :string - Value to be shown
- error :boolean, from_context: :error - Some additional styling will be set to indicate field is iinvalid
- size :string, values!: ~w(sm md lg), from_context: :size - Site of the select
- disabled :boolean, from_context: :disabled - If the item should be marked as disabled
- is_open :boolean, from_context: :is_open - If the open indicator is active or not
attrs :any, default: %{} - Keyword | Map of additional attributes for the input
Slots
- default - Some buttons and icons over the input
Events
- open_me, from_context: :open_me - Dropdown opening action, only from context
- on_keyup - Actually - on_keyup event for the input, use it for filter options with new user input
- on_trigger, from_context: :on_trigger - Event that fired when trigger is clicked
- on_focus
- on_blur
Summary
Functions
Callback implementation for Surface.Component.render/1
.
Functions
Callback implementation for Surface.Component.render/1
.