Toggle Buttons
Uso
Los toggle_buttons
se pueden utilizar para agrupar opciones relacionadas. Para enfatizar grupos de toggle buttons relacionados, un grupo debe compartir un contenedor común.
Acción seleccionada
Solo se puede seleccionar y activar una opción en un grupo de botones de alternancia a la vez. Al seleccionar una opción, se anula la selección de cualquier otra.
Playground
- Ruby
<%= toggle_buttons f,
:save_attribute,
join_buttons: false do |w|
// opciones de ejemplo
options = [
{ 'value' => 1, 'name' => 'Very Bad', 'isChecked' => false },
{ 'value' => 2, 'name' => 'Bad', 'isChecked' => false },
{ 'value' => 3, 'name' => 'Neutral', 'isChecked' => true },
{ 'value' => 4, 'name' => 'Good', 'isChecked' => false },
{ 'value' => 5, 'name' => 'Very Good', 'isChecked' => false }
]
options.each do |option|
w.item "id_#{option}",
option['value'],
checked: option['isChecked'],
disabled: false,
required: false,
tooltip: option['name']
end
end %>
Lista de parámetros
Parámetro | Tipo | Detalle |
form | Object | Formulario que usa el componente |
attribute | Symbol | Atributo del formulario donde guardar el dato |
min_label | String | Label del valor mínimo de la escala |
max_label | String | Label del valor máximo de la escala |
join_buttons | Boolean, default: true | Si los botones están unidos o separados entre ellos |
item | item de list | Propiedades que se asignaran al radio_button posterior |
items
Parámetro | Tipo | Detalle |
id | String | id del item |
value | String | valor del item |
checked | Boolean, default: false | si el item estará checked por defecto |
disabled | Boolean, default: false | si el item estará disabled por defecto |
required | Boolean, default: false | si el item estará required por defecto |
tooltip | String, default: empty | Clase del botón checked:false |