SurfaceBulma.Form.Select (surface_bulma v0.5.0)

The select component as defined here:

properties

Properties

  • label :string - The string label of the field

  • size :string, values: ~w(small normal medium large) - The color of the input.

  • expanded :boolean - Should input fill entire width of form?

  • is_horizontal :boolean, default: false - Whether or not the field is horizontal

  • help_text :string - Help text, will be replaced by error text if changeset gets errors

  • field_class :css_class, default: [] - Class to apply to the Field

  • icon_left :any, default: nil - Icon to place on the left side of input box. Must be a valid icon. Bulma does not currently support stacked / layered icons inside a form control.

  • id :string - The id of the corresponding select field

  • form :form, from_context: {Surface.Components.Form, :form} - The form identifier

  • field :any, from_context: {Surface.Components.Form.Field, :field} - The field name

  • name :string - The name of the corresponding select field

  • class :css_class - The CSS class for the underlying tag

  • options :any, default: [] - The options in the select

  • prompt :string - An option to include at the top of the options with the given prompt text

  • selected :any - The default value to use when none was sent as parameter

  • opts :keyword, default: [] - Options list

  • color :string, values: ~w(white black light dark primary link info success warning danger) - The color of the select.

  • disabled :boolean - Disable the select

  • rounded :boolean - Will show rounded dropdown, ignored for multiple select

  • multiple :boolean - Multiple Select

slots

Slots

  • left_addon - Slot adds content to left side of input. Only inputs, buttons and dropdowns are supported. NOTE: If you supply addons, the label is disabled. You cannot combine labels and addons. If you require field labels with addons you must use horizontal forms. See SurfaceBulma.Form.HorizontalControlGroup.

  • right_addon - Slot adds content to right side of input. Only inputs, buttons and dropdowns are supported. NOTE: If you supply addons, the label is disabled. You cannot combine labels and addons. If you require field labels with addons you must use horizontal forms. See SurfaceBulma.Form.HorizontalControlGroup.

Link to this section Summary

Link to this section Functions

Link to this function

render(assigns)

Callback implementation for Surface.Component.render/1.