discue
Components
  • Code Contributions
  • Code of Conduct
  • Security Policy
  • Changelog
GitHub
Components
  • Code Contributions
  • Code of Conduct
  • Security Policy
  • Changelog
GitHub
  • Components
    • BackToTop
    • Banner
    • DropDownMenu
    • DropDownMenuBannerItem
    • DropDownMenuItem
    • FormElementErrorMessage
    • FormElementsContainer
    • FormImmutableText
    • FormInput
    • FormInputRadio
    • FormInputSelect
    • Headline
    • Headlines
    • NavButton
    • NavLink
    • Text
  • Contributions

Headlines since v0.6.0 themeable

A simple wrapper around a head- and subline to allow for a common look-and-feel and consistent styling. The actual html tags for the headline and subline can be configured via the properties headlineTag and sublineTag.

Preview

Enim consequat ad Lorem.

Commodo ipsum adipisicing amet dos.

Excepteur quis in culpa ex qui.

Properties

Name
Type
Default
Value
showHeadline
Boolean
true
showSubline
Boolean
true
showSubSubline
Boolean
true

Example

<template>
    <Headlines>
        <template #headline>
            Enim consequat ad Lorem.
        </template>
        <template #subline>
            Commodo ipsum adipisicing amet dos.
        </template>
        <template #text>
            <Text :large="true">Excepteur quis in culpa ex qui.</Text>
        </template>
    </Headlines>
</template>

<script setup>
import { Headlines } from '@discue/ui-components';
</script>
Improve this page
Last Updated:
Contributors: Stefan Pfaffel
Prev
Headline
Next
NavButton