Typography is used to create a hierarchy of information on a page.
El
component has a tag
string property. This property can be used to
create any HTML element. For example, to create a h1
element, you can use the following
code:
El
component can be used to create headings. Headings are used to create a hierarchy
of information on a page. They are used to create a visual hierarchy of information on a page.
Organize longer pieces of text into paragraphs using El
component by setting
tag="p"
.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum.
Use a variety of semantic text elements, depending of how you want to display particular
fragments of content.
El
component can be used to create semantic text elements. For example, to create
a
strong
element, you can use the following code:
<El tag="strong">This text is important</El>
Hello World!
We have a Divider
component to create horizontal rules. The default
slot
can be used to create a label for the divider. For more information, see
Divider component.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
El
component has a textTransform
property. This property can be used
to transform text into
uppercase
,
lowercase
, or capitalize
.
Lowercased text.
Uppercased text.
Capitalized text.