Timeline

New

Часова шкала подій з візуальним представленням історії.

Import

import { Timeline } from '@brutal-ui/react';

Basic Usage

Проект створено

01.01.2024

Ініціалізація нового проекту Brutal UI

Перша версія

15.02.2024

Випуск v0.1.0 з базовими компонентами

Додано документацію

01.03.2024

Повна документація для всіх компонентів

Версія 1.0

17.11.2024

Стабільний реліз з 30+ компонентами

<Timeline
  items={[
    {
      title: 'Проект створено',
      description: 'Ініціалізація нового проекту',
      date: '01.01.2024',
    },
    {
      title: 'Перша версія',
      description: 'Випуск v0.1.0',
      date: '15.02.2024',
    },
  ]}
/>

With Icons

👤

Реєстрація

10:30

Користувач створив акаунт

✉️

Email підтверджено

10:32

Підтвердження електронної пошти

🔓

Перший вхід

10:35

Користувач увійшов в систему

<Timeline
  items={[
    {
      title: 'Реєстрація',
      description: 'Користувач створив акаунт',
      date: '10:30',
      icon: '👤',
    },
    // ... more items
  ]}
/>

Props

PropTypeDefaultDescription
itemsTimelineItem[]-Array of timeline items
variantstring"default"default | compact