Determines the size of the inline spacer. You can choose from the following sizes:
Small
Medium
(Default)Large
The specific sizes are listed in the table below by device:
Size | Mobile | Watch | TV | Fridge |
---|---|---|---|---|
Small | 6px | 6px | 8px | 7.5px |
Medium | 12px | 12px | 16px | 15px |
Large | 18px | 18px | 23px | 22.5px |
You can see the difference in sizes in the single-line
interactive demo.
// Small spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Small)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png[])
}
spacer {
size (Small)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}
// Medium spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Medium)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png[])
}
spacer {
size (Medium)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}
// Large spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Large)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png)
}
spacer {
size (Large)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}
value optional | A value that matches one of the valid enumerated options of its parent key |
Copyright 2024 Samsung All rights reserved