73
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:
Next TopicFramework7 Buttons