Marker

A small labelled marker used to annotate content, with an optional separator variant.

Today

New messages

Code

vue

<script setup lang="ts">
import { Marker, MarkerContent } from '@jaltech/vuejs-ui/marker'
</script>

<template>
  <Marker>
    <MarkerContent>Today</MarkerContent>
  </Marker>

  <Marker variant="separator">
    <MarkerContent>New messages</MarkerContent>
  </Marker>
</template>

Marker ​

Code ​

Marker

Code