Activity feed

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 { ActivityFeed, Timeline } from "@krizaka/ui/activity-feed";

Exemples

Props

Accessibilité

• Days are headings; each time is a time with its full date.
• live announces how many new events arrived, politely, never each one.

Bonnes pratiques

• Write each event as a sentence (“Mina tipped your video $5”), passed translated.
• Give actor and kind to fold repeated events.
• Pass now from the server to render the same “… ago” on both sides.

Composants liés

• ListRecords read top to bottom — a leading visual, a title and a line, details and actions beside — dense or comfortable, selectable, windowed when long.
• StepperThe steps of a journey or a job: done steps checked, the current one traced by the Krizaka glyph (growing to its value), failures crossed, connectors that fill — and every state said in words.
• 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