View Source Phoenix.UI.Components.Typography (Phoenix UI v0.1.9)
Provides typography component.
Link to this section Summary
Functions
Renders typography component.
Link to this section Functions
@spec typography(Phoenix.LiveView.Socket.assigns()) :: Phoenix.LiveView.Rendered.t()
Renders typography component.
examples
Examples
```
<.typography variant="p">
text
</.typography>
```
attributes
Attributes
align
(:string
) - Defaults to"left"
.bold
(:string
) - Must be one of"thin"
,"extralight"
,"light"
,"normal"
,"medium"
,"semibold"
,"bold"
,"extrabold"
, or"black"
.color
(:string
) - Defaults to"slate"
.element
(:string
)extend_class
(:string
)margin
(:boolean
) - Defaults totrue
.size
(:string
) - Must be one of"xs"
,"sm"
,"md"
,"lg"
,"xl"
,"2xl"
,"3xl"
,"4xl"
,"5xl"
,"6xl"
,"7xl"
,"8xl"
, or"9xl"
.variant
(:string
) - Defaults to"p"
.- Global attributes are accepted.
slots
Slots
inner_block
(required)