Surface.Components.Form.Label (surface v0.4.0) View Source

Defines a label.

Provides similar capabilities to Phoenix's built-in label/2 function.

Option class can be set directly and will override anything in opts.

All given options are forwarded to the underlying tag. A default value is provided for for attribute but can be overriden if you pass a value to the for option. Text content would be inferred from field if not specified.

Properties

  • form :form - The form identifier.
  • field :any - The field name.
  • class :css_class - The CSS class for the underlying tag.
  • text :any - The text for the generated <label> element, if no content (default slot) is provided. .
  • opts :keyword, default: [] - Options list.

Slots

  • default - The text for the label .

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

Link to this section Functions

Callback implementation for Phoenix.LiveComponent.mount/1.

Callback implementation for Phoenix.LiveComponent.render/1.

Callback implementation for Phoenix.LiveComponent.update/2.