UNPKG

framework7.angular

Version:

Full Featured Mobile HTML Framework For Building iOS & Android Apps using Angularjs

github.com/ashvin777/framework7.angular

ashvin777/framework7.angular

100 lines (98 loc) • 2.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
.page(data-page="chips") .navbar .navbar-inner .left a(href="index.html").back.link.icon-only i.icon.icon-back .center Chips .right a(href="#").open-panel.link.icon-only i.icon.icon-bars .page-content .content-block p Chips represent complex entities in small blocks, such as a contact. They can contain a photo, short title string, and brief information. .content-block-title Chips With Text .content-block .chip .chip-label Example Chip .chip .chip-label Another Chip .chip .chip-label One More Chip .chip .chip-label Fourth Chip .chip .chip-label Last One .content-block-title Icon Chips .content-block .chip .chip-media.bg-blue i.icon.ks-icon-calendar .chip-label Set Date .chip .chip-media.bg-purple i.icon.ks-icon-email .chip-label Sent .chip .chip-media.bg-red i.icon.ks-icon-upload .chip-label Uploaded .content-block-title Contact Chips .content-block .chip .chip-media img(src="http://lorempixel.com/100/100/people/9/") .chip-label Jane Doe .chip .chip-media img(src="http://lorempixel.com/100/100/people/3/") .chip-label John Doe .chip .chip-media img(src="http://lorempixel.com/100/100/people/7/") .chip-label Adam Smith .chip .chip-media.bg-pink J .chip-label Jennifer .chip .chip-media.bg-teal C .chip-label Chris .chip .chip-media.bg-red K .chip-label Kate .content-block-title Deletable Chips / Tags .content-block .chip .chip-label Example Chip a(href="#").chip-delete .chip .chip-media.bg-teal C .chip-label Chris a(href="#").chip-delete .chip .chip-media.bg-purple i.icon.ks-icon-email .chip-label Sent a(href="#").chip-delete .chip .chip-media img(src="http://lorempixel.com/100/100/people/9/") .chip-label Jane Doe a(href="#").chip-delete .chip .chip-label One More Chip a(href="#").chip-delete .chip .chip-media.bg-pink J .chip-label Jennifer a(href="#").chip-delete .chip .chip-media img(src="http://lorempixel.com/100/100/people/7/") .chip-label Adam Smith a(href="#").chip-delete .chip .chip-media.bg-blue i.icon.ks-icon-calendar .chip-label Set Date a(href="#").chip-delete