Typography
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:
Headings
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.
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Paragraphs
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.
Semantic text elements
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!
Horizontal Rules
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.
Text transform
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.