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:
7
docs/components/typography/heading/H1.vue
Normal file
7
docs/components/typography/heading/H1.vue
Normal 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>
|
||||
7
docs/components/typography/heading/H2.vue
Normal file
7
docs/components/typography/heading/H2.vue
Normal 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>
|
||||
7
docs/components/typography/heading/H3.vue
Normal file
7
docs/components/typography/heading/H3.vue
Normal 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>
|
||||
7
docs/components/typography/heading/H4.vue
Normal file
7
docs/components/typography/heading/H4.vue
Normal 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>
|
||||
7
docs/components/typography/heading/H5.vue
Normal file
7
docs/components/typography/heading/H5.vue
Normal 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>
|
||||
7
docs/components/typography/heading/H6.vue
Normal file
7
docs/components/typography/heading/H6.vue
Normal 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>
|
||||
7
docs/components/typography/heading/HColor.vue
Normal file
7
docs/components/typography/heading/HColor.vue
Normal 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>
|
||||
7
docs/components/typography/heading/HCustom.vue
Normal file
7
docs/components/typography/heading/HCustom.vue
Normal 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>
|
||||
Reference in New Issue
Block a user