Javatpoint Logo
Javatpoint Logo

Framework7 Chips

In Framework7, chips are the small block of entity which can contain a photo, small string of title, and short information.

Chips HTML Layout

Let's see the basic chip HTML layout used in Framework7:


  • <div class="chip"> is chip container
  • <div class="chip-media"> is chip "media" element, can contain image/avatar or icon. Optional.
  • <div class="card-label"> is chip text label.
  • <a class="card-delete"> is chip delete icon-link. Optional.


Let's take an example to demonstrate Framework7 chips:

Test it Now
Next TopicFramework7 Buttons

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA