SurfaceBulma.Form.Select (surface_bulma v0.5.0)
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
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
Functions
Callback implementation for Surface.Component.render/1
.
Link to this section Functions
render(assigns)
Callback implementation for Surface.Component.render/1
.