Skip to content

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>

Built on shadcn-vue, Reka UI and Tailwind CSS. @jaltech/vuejs-ui is a layer of complete components on top of shadcn-vue, not a replacement for it.