Subheading

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

preview

<template>
  <p-subheading>
    Any subtitle should here
  </p-subheading>
</template>

Sizing

Any subtitle should here

Any subtitle should here

preview

<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

preview

<template>
  <p-subheading weight="normal">
    Normal heading title
  </p-subheading>
  <p-subheading weight="medium">
    Medium heading title
  </p-subheading>
  <p-subheading weight="bold">
    Bold heading title
  </p-subheading>
</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

preview

<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

preview

<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

See Also

• Heading