Chips

Los chips permiten a los usuarios ingresar información, hacer selecciones, filtrar contenido o activar acciones.

---

XML

Los chips personalizados de Agave en XML tiene los siguientes atributos

• app:textChip.- Ayuda a definir el texto del chip
• app:colorChip.- Ayuda a definir el color del chip y el background color al 25% del colorChip

Ejemplo

<com.minutos.agave_xml.components.Chip99
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:colorChip="@color/primary500"
    app:textChip="Creado" />

<com.minutos.agave_xml.components.Chip99
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:colorChip="@color/alarm"
    app:textChip="Recolectado" />

<com.minutos.agave_xml.components.Chip99
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:colorChip="@color/uva"
    app:textChip="En camino" />

<com.minutos.agave_xml.components.Chip99
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:colorChip="@color/sandia"
    app:textChip="Cancelado" />

Si tu intención es modificar las propiedades mediante código kotlin, también tenemos listos los métodos correspondientes.

val chip99 = findViewById<Chip99>(R.id.chip99)

chip99.setText("Chip 99")

chip99.setColorChip(R.color.purple_700)

chip99.setOnClickListener {
    //here your code
}

El resultado

Jetpack Compose

Los chips personalizados de Agave cuenta con los siguientes atributos

• color: Define el color del texto y el color de fondo al 25% del color definido
• text: Texto a mostrar en el Chip
• onClick: Acción a realizar cuando se presiona el Chip

Chip99(color = Primary500, text = "Creado") {
    //action when clicked the chip
}

Chip99(color = Melon, text = "Recolectado") {
    //action when clicked the chip
}

Chip99(color = Uva, text = "En camino") {
    //action when clicked the chip
}

Chip99(color = Error, text = "Cancelada") {
    //action when clicked the chip
}