Typography

Example :: Headings

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5

Heading h6


<script>
  import { Typography } from '@colorfuldots/svelteit'
</script>

<Typography h1 title="Heading h1" />
<Typography h2 title="Heading h2" />
<Typography h3 title="Heading h3" />
<Typography h4 title="Heading h4" />
<Typography h5 title="Heading h5" />
<Typography h6 title="Heading h6" />

Example :: Paragraphs

This is a paragraph, it can have a bunch of text in it. It's not really the best use of a component, but then again, maybe it is. It's up to you, but we decided to include it into our library.


<script>
  import { Typography } from '@colorfuldots/svelteit'
</script>

<Typography
  p="This is a paragraph, it can have a bunch of text in it. It's not really
  the best use of a component, but then again, maybe it is. It's up to you,
  but we decided to include it into our library." />

API

Coming soon!

Typography

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, and adjusting the space between pairs of letters.