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:

Here:

  • <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.

Example

Let's take an example to demonstrate Framework7 chips:

Test it Now
Next TopicFramework7 Buttons




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


B.Tech / MCA