PersonaSubheading
Subheadings are used for the title of any sub-sections
Usage
Used for the title of any sub-sections
Basic Usage
Any subtitle should here
previewvue
<template>
<p-subheading>
Any subtitle should here
</p-subheading>
</template>Sizing
Any subtitle should here
Any subtitle should here
previewvue
<template>
<p-subheading size="sm">
Any subtitle should here
</p-subheading>
<p-subheading size="md">
Any subtitle should here
</p-subheading>
</template>Weight
Subheading have 3 weights variant, there are normal, medium and bold. Default weight is normal.
Normal subheading title
Medium subheading title
Bold subheading title
previewvue
<template>
<p-heading weight="normal">
Normal heading title
</p-heading>
<p-heading weight="medium">
Medium heading title
</p-heading>
<p-heading weight="bold">
Bold heading title
</p-heading>
</template>Transform
Subheading have 4 transforms variant, there are normalcase, lowercase, capitalize and uppercase. Default transform is normalcase.
Normalcase subheading title
Lowercase subheading title
Capitalize subheading title
Uppercase subheading title
previewvue
<template>
<p-subheading transform="normalcase">
Normalcase subheading title
</p-subheading>
<p-subheading transform="lowercase">
Lowercase subheading title
</p-subheading>
<p-subheading transform="capitalize">
Capitalize subheading title
</p-subheading>
<p-subheading transform="uppercase">
Uppercase subheading title
</p-subheading>
</template>Overline
Any section title should here
Any section title should here
previewvue
<template>
<p-subheading overline weight="medium">
Any section title should here
</p-subheading>
<p-subheading overline weight="bold">
Any section title should here
</p-subheading>
</template>API
Props
| Props | Type | Default | Description |
|---|---|---|---|
size | String | md | Size of subheading, valid value is sm and md |
weight | String | normal | Weight of subheading, valid value is normal, medium and bold |
transform | String | normalcase | Transform of subheading, valid value is normalcase, lowercase, capitalize and uppercase |
overline | Boolean | false | Overline variant. If overline is provided, subheading's size will be disabled automatically |
Slots
| Name | Description |
|---|---|
default | Content to place in subheading |
Events
| Name | Arguments | Description |
|---|---|---|
| There no props here | ||