SupabaseSurface.Components.TextInput (supabase_surface v0.1.2)
An input field that let the user enter a single-line text.
Provides a wrapper for Phoenix.HTML.Form's text_input/3
function.
All options passed via opts
will be sent to text_input/3
, value
and
class
can be set directly and will override anything in opts
.
Examples
<TextInput form="user" field="name" opts={{ autofocus: "autofocus" }} />
Properties
- form :form - An identifier for the form.
- field :any - An identifier for the input.
- id :string - The id of the corresponding input field.
- name :string - The name of the corresponding input field.
- value :string - Value to pre-populated the input.
- class :css_class - Class or classes to apply to the input.
- opts :keyword, default: [] - Options list.
- label :string, required: true
Events
- capture_click - Triggered when the component captures click.
- click - Triggered when the component receives click.
- window_focus - Triggered when the page receives focus.
- window_blur - Triggered when the page loses focus.
- focus - Triggered when the component receives focus.
- blur - Triggered when the component loses focus.
- window_keyup - Triggered when a key on the keyboard is released (window-level).
- window_keydown - Triggered when a key on the keyboard is pressed (window-level).
- keyup - Triggered when a key on the keyboard is released.
- keydown - Triggered when a key on the keyboard is pressed.
Link to this section Summary
Functions
Callback implementation for Phoenix.LiveComponent.mount/1
.
Callback implementation for Phoenix.LiveComponent.render/1
.
Callback implementation for Phoenix.LiveComponent.update/2
.
Link to this section Functions
Link to this function
mount(socket)
Callback implementation for Phoenix.LiveComponent.mount/1
.
Link to this function
render(assigns)
Callback implementation for Phoenix.LiveComponent.render/1
.
Link to this function
update(assigns, socket)
Callback implementation for Phoenix.LiveComponent.update/2
.