feat(new component): Initial typography (#199)

* feat: typography

* feat: typography

* feat: typography

* Update docs/components/heading.md

* Update src/components/Typography/A.vue

* Update src/components/Typography/Heading.vue

* Update src/components/Typography/Img.vue

* Update src/components/Typography/P.vue

---------

Co-authored-by: Ilya Artamonov <ilya.sosidka@gmail.com>
This commit is contained in:
Vasu Singh
2023-09-19 15:13:47 +05:30
committed by GitHub
parent e3fc36606e
commit 7fd3b4f3a6
31 changed files with 735 additions and 0 deletions

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h1">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h2">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h3">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h4">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h5">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading tag="h6">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading color="text-green-400" tag="h1">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>

View File

@@ -0,0 +1,7 @@
<template>
<Heading class="underline italic !text-xl" tag="h1">This is my heading</Heading>
</template>
<script setup>
import Heading from '../../../../src/components/Typography/Heading.vue'
</script>