Text
import Example from ‘../../src/@primer/gatsby-theme-doctocat/components/example’
Text is a wrapper component that will apply typography styles to the text inside.
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
tag |
Symbol, String |
:span |
The rendered tag name |
classes |
String |
"" |
Classes and attributes |
attributes |
Hash |
{} |
Classes and attributes |
Examples
Default
<%= render(Ariadne::Text.new(tag: :p, attributes: { font_weight: :bold })) { "Bold Text" } %>
<%= render(Ariadne::Text.new(tag: :p, attributes: { color: :danger })) { "Danger Text" } %>
Have questions?
Still have questions? Talk to support.