SurfaceBulma.Form.Select (surface_bulma v0.6.1)
The select component as defined here:
- https://bulma.io/documentation/form/select/
- https://hexdocs.pm/phoenix_html/Phoenix.HTML.Form.html#select/4
- https://hexdocs.pm/phoenix_html/Phoenix.HTML.Form.html#multiple_select/4
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
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.
Summary
Functions
Callback implementation for Surface.Component.render/1.
Functions
render(assigns)
Callback implementation for Surface.Component.render/1.