His famous quote,
Styles come and go. Good design is a language, not a style, elegantly sums up Massimo's philosophy of design.
<.text>
His famous quote, <.es_quote>Styles come and go. Good design is a language, not a style</.es_quote>, elegantly sums up Massimo's philosophy of design.
</.text>API Reference
This component is based on the q element.
| Prop | Type | Default | Description |
|---|---|---|---|
class
|
string
|
nil
|
Additional CSS classes. |
style
|
string
|
nil
|
Additional inline styles. |
truncate
|
boolean
|
—
|
Whether to truncate text with ellipsis when it overflows. |
wrap
|
string
|
—
|
Text wrapping: one of wrap, nowrap, pretty, balance. |
class
Additional CSS classes.
Type
string
Default
nil
style
Additional inline styles.
Type
string
Default
nil
truncate
Whether to truncate text with ellipsis when it overflows.
Type
boolean
Default
—
wrap
Text wrapping: one of wrap, nowrap, pretty, balance.
Type
string
Default
—
Examples
Truncate
Use the truncate prop to truncate text with an ellipsis when it overflows its container.
The goal of typography is to relate font size, line height, and line width in a proportional way that maximizes beauty and makes reading easier and more pleasant.
<.flex max_width="300px">
<.es_quote truncate>
The goal of typography is to relate font size, line height, and line width in a proportional way that maximizes beauty and makes reading easier and more pleasant.
</.es_quote>
</.flex>