Recoleta is a font we use on marketing pages. To use the font, wrap the component in RecoletaProvider and apply the class recoleta to the element. We licensed limited page views, and the font is 50KB in size, so it's not loaded globally.
Shimmers
1 Rem
2 Rem
Multiline text wrapping...
Pills
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Pill
Success
Warning
Error
Dan has the pill of
Pill
as well as
Success
. This thing wraps and wraps and this is kinda long.
Pill
Success
Warning
Error
Gray
Cranberry
Barney
Red
Green
Blue
Purple
Yellow
Orange
Gray
Cranberry
Barney
Red
Green
Blue
Purple
Yellow
Orange
Gray
Cranberry
Barney
Red
Green
Blue
Purple
Yellow
Orange
Section Titles
Section Title
This is a subtitle
Section Title
This is a subtitle
Line Clamps
There’s lots of ways to be, as a person. And some people express their deep appreciation in different ways. But one of the ways that I believe people express their appreciation to the rest of humanity is to make something wonderful and put it out there.
And you never meet the people. You never shake their hands. You never hear their story or tell yours. But somehow, in the act of making something with a great deal of care and love, something’s transmitted there. And it’s a way of expressing to the rest of our species our deep appreciation. So we need to be true to who we are and remember what’s really important to us.
- Steve Jobs (https://stevejobsarchive.com/)
There’s lots of ways to be, as a person. And some people express their deep appreciation in different ways. But one of the ways that I believe people express their appreciation to the rest of humanity is to make something wonderful and put it out there.
And you never meet the people. You never shake their hands. You never hear their story or tell yours. But somehow, in the act of making something with a great deal of care and love, something’s transmitted there. And it’s a way of expressing to the rest of our species our deep appreciation. So we need to be true to who we are and remember what’s really important to us.
- Steve Jobs (https://stevejobsarchive.com/)
LinkedText
Single Line: Check out https://lu.ma for events near you.
Multiline (off):
First line
Second line
After a blank line with https://lu.ma link. This should have a bigger gap above.
Multiline (on): First line Second line After a blank line with https://lu.ma link
There’s lots of ways to be, as a person. And some people express their deep appreciation in different ways. But one of the ways that I believe people express their appreciation to the rest of humanity is to make something wonderful and put it out there. And you never meet the people. You never shake their hands. You never hear their story or tell yours. But somehow, in the act of making something with a great deal of care and love, something’s transmitted there. And it’s a way of expressing to the rest of our species our deep appreciation. So we need to be true to who we are and remember what’s really important to us. - Steve Jobs (https://stevejobsarchive.com/)
Social Link Chips
In a Spark document, a link whose text is a social profile URL renders as a SocialLinkChip instead of the bare URL.
A link whose text is the URL of something you can act on — a group invite, a form, a map pin — renders as an ActionLinkChip with the action as its label.