wt-headline.vue

Specs

Slots

Name	Scope	Description
default		headline direct child
title-wrapper		headline direct child slot, but with search and actions slots available
title		Title slot
search		Search slot
actions		Action buttons slot

Example Headline

Headline

Code

<script setup></script>

<template>
  <wt-headline>
    <template #title> Headline </template>
    <template #search>
      <wt-search-bar />
    </template>
    <template #actions>
      <wt-button style="margin-left: 20px"> Hello </wt-button>
      <wt-button
        style="margin-left: 20px"
        color="secondary"
      >
        there!
      </wt-button>
    </template>
  </wt-headline>
</template>

<style scoped lang="scss"></style>