SystemTagline
A centered system message, used for status updates in a conversation thread such as "Visitor has initiated a conversation" or "You resolved this conversation".
Quick Start
- Installation
npm install @adaptavant/eds-core- Import
import { SystemTagline } from '@adaptavant/eds-core';
Default
Pass system status text as children.
Visitor has initiated a conversation
This conversation has been auto assigned to you
You resolved this conversation
You reopened this conversation
<Stack className="gap-4 w-full">
<SystemTagline>Visitor has initiated a conversation</SystemTagline>
<SystemTagline>This conversation has been auto assigned to you</SystemTagline>
<SystemTagline>You resolved this conversation</SystemTagline>
<SystemTagline>You reopened this conversation</SystemTagline>
</Stack>
API Reference
SystemTagline
| Prop | Default | Description |
|---|---|---|
children | _ | ReactNodeThe system message text (e.g. "Visitor has initiated a conversation"). |
Style API
Our design system components include style props that allow you to easily customize different parts of each component to match your design needs.
Please refer to the Style API documentation for more insights.
SystemTagline parts
Visitor has initiated a conversation
<SystemTagline classNames={{ root: 'text-primary' }}>
Visitor has initiated a conversation
</SystemTagline>
| Part | Description |
|---|---|
root | The tagline container. |