Material Design Component – Chips

Save

One of the cool widgets that you can use with the Material Design Components library is a Chip. A Chip is a component that can represent input, filter, choice or action of a user.

To use Chips, your project needs to have material components dependency.

And your app theme’s parent should be one of the MaterialComponents themes.

Usage

Chips allow users to enter information, make selections, filter content, or trigger actions. Chips should appear dynamically as a group of multiple interactive elements. Unlike buttons, which should be a consistent and familiar call to action, one that a user expects to appear as the same action in the same general area.

Types:

You can check for example of every type in the official docs.

XML usage of a chip is as follows:

Handling Clicks

Call setOnClickListener(OnClickListener) to register a callback to be invoked when the chip is clicked.

Or, call setOnCheckedChangeListener(OnCheckedChangeListener) to register a callback to be invoked when the chip is toggled.

Styles

Action Chip is the default Material style, but you can apply any of the other styles using a style attribute.

Example:

 

References:

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

It was a successful collaboration. The Mobikul team provided the client everything they needed in a timely and high-quality manner. They were very professional, reliable, and accessible during the entire process. The client also saw no room for any improvements in the vendor's performance.

Vincenzo Carrano

Vincenzo Carrano

Administrator, Segshop

Talk to Sales

Global

Live Chat
Start a Project


    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home