-
Notifications
You must be signed in to change notification settings - Fork 1
/
emoji-list.ftd
116 lines (73 loc) · 2.75 KB
/
emoji-list.ftd
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
-- site-doc.doc-home: Emoji-List
site-title: Bling
show-tabs: false
github-url: https://github.com/fastn-community/bling
current-package: fastn-community.github.io/bling
An emoji list refers to a collection list items with emoji as a bullet. Emoji's
are small graphical icons or symbols used to convey emotions, ideas, or
concepts in digital communication. Emojis are widely used in various forms of
online communication, such as messaging apps, social media platforms, and
emails, to add visual expressions and enhance the tone and meaning of
text-based messages.
-- site-doc.header: Example
-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 💫
-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 🌟
-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 💥
-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 🌺
-- emoji-list:
emoji: ❤️
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut
-- site-doc.header: How to use
-- cb.code: Add `bling` dependency into your FASTN.ftd
lang: ftd
\-- fastn.dependency: fastn-community.github.io/bling
-- cb.code: import `emoji-list` inside your `.ftd` file
lang: ftd
\-- import: fastn-community.github.io/bling/emoji-list
-- cb.code: copy any one of these `-- emoji-list` you like to use
lang: ftd
\-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 💫
\-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 🌟
\-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 💥
\-- emoji-list: Lorem ipsum dolor sit amet, consectetur adipiscing
emoji: 🌺
\-- emoji-list:
emoji: ✨
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut
-- site-doc.header: Properties:
Below are details of all properties of `emoji-list` component.
-- site-doc.component-property: `emoji`
type: String (`required`)
It's used to add emoji as a list bullet to emoji-list.
-- site-doc.component-property: `body`
type: Body (`optional`)
It's used to add body content to emoji-list component.
-- end: site-doc.doc-home
-- component emoji-list:
string emoji:
caption or body body:
-- ftd.row:
max-width.fixed.px: 800
margin-bottom.px: 12
width: auto
spacing.fixed.px: 10
-- ftd.text: $emoji-list.emoji
color: $inherited.colors.text
role: $inherited.types.copy-small
-- ftd.text:
text: $emoji-list.body
color: $inherited.colors.text
role: $inherited.types.copy-small
-- end: ftd.row
-- end: emoji-list