Gumtree UI
  • Docs
  • Chat
  • ReadMarker

ReadMarker

Red horizontal line with a "NEW MESSAGES" label — marks the unread boundary in a chat.

Import

import { ReadMarker } from "@gumtree/ui/chat/ReadMarker";

Props

PropTypeDefaultDescription
labelstring"new messages"Marker label text

Examples

Default

new messages
<ReadMarker />
  • Examples
  • Repository
    • Landing
    • Chat
  • Docs
  • UI Primitives
    • Avatar
    • Badge
    • Button
    • Card
    • Collapsible Section
    • Dropdown
    • Empty State
    • Icon
    • Language Bar
    • Loading
    • Search Input
    • Sidebar Card
    • Table
    • Tabs
    • Tip Box
  • Layout
    • Breadcrumbs
    • Footer
    • Navbar
    • Page Layout
    • Sidebar
    • Status Bar
  • Forge
    • Attention Card
    • Branch Badge
    • Branch Picker
    • Build Status Row
    • Clone Panel
    • Commit Row
    • Commit Strip
    • Contributor Grid
    • Diff View
    • Feed Badge
    • Feed Card
    • File Tree
    • IRC Channel Row
    • Issue Row
    • Readme Card
    • Release Row
    • Repo Card
    • Repo Header
    • Repo Tabs
    • User Card
  • Chat
    • Bot Event
    • Channel Ref
    • Channel Row
    • Channel Tree
    • Chat Header
    • Chat Input
    • Chat Message
    • Chat Pinned Bar
    • Date Separator
    • DM Row
    • Member List
    • Member Row
    • Reaction
    • Read Marker
    • Reply Quote
    • Tree Badge
    • Tree Footer
    • Tree Node
    • Tree Section
Gumtree Git Forge