Chat

Web et mobile — le même composant pour React et React Native. Bêta : son API peut encore changer à une version mineure.

Installation

npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcss

@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";

import { MessageBubble, TypingIndicator, MessageComposer, ConversationItem } from "@krizaka/ui/chat";

Exemples

Props

Accessibilité

• Each bubble is read with its time; a failed one says so and offers a retry.
• The typing dots are announced politely by their words.
• A conversation row reads name, presence, last message, time and unread count.

Clavier

Bonnes pratiques

• Group the runs of one sender (grouped); show the receipt under the last message of yours only.
• Keep the server's order and merge (the app's), the bubble only draws.
• The composer never clears itself: clear the draft once the message is sent.

Composants liés

• AvatarA person or an account: their picture, or initials while it loads, when it fails or when there is none.
• ListRecords read top to bottom — a leading visual, a title and a line, details and actions beside — dense or comfortable, selectable, windowed when long.
• ToastA short message that comes and goes — with the time it has left drawn and paused under the pointer, an undo that waits before an action is final, a long task updated in place, and repeats folded into one toast that counts.

Générée depuis le code de @krizaka/ui 3.5.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub