Marker

A labelled divider, such as a date between messages.

MarkerProps packages/core/src/chat-controls.ts:86 ↗

Import

import { Marker } from "@tarve/core";

Usage

Marker.tsx

import { Column, Marker, Text } from "@tarve/core";

<Column gap={12}>
  <Text>Yesterday's message</Text>
  <Marker label="Today" />
  <Text>Today's message</Text>
</Column>

Props

Prop	Type	Default
`label`	`string`	—

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle