Timeline Block

Centered timeline with items alternating left and right - great for storytelling

Timeline Block

Centered alternating layout

15 Dec
๐Ÿ 

Project Started

New project "Pure Admin Dashboard" has been initialized with base configuration and team setup.

22 Oct
๐ŸŽ

First Release

Version 1.0 released to production with core features and documentation.

10 Jul
๐Ÿ‘ค

Team Expansion

Added three new developers to the team to accelerate development.

18 May
๐Ÿƒ

Sprint Milestone

Completed major refactoring sprint, improving code quality and performance.

10 Feb
โš™๏ธ

System Upgrade

Migrated to new infrastructure with improved scalability and reliability.

01 Jan
๐Ÿ†

Award Recognition

Received "Best Admin Framework" award from the developer community.

Timeline Block

Another example with different content

Q1 2024
๐Ÿ“‹

Planning Phase

Strategic planning and goal setting for the year ahead.

Q2 2024
๐Ÿš€

Launch Preparation

Final testing and deployment preparation phase.

Q3 2024
๐Ÿ“ˆ

Growth Period

User acquisition and feature expansion phase.

Q4 2024
๐ŸŽฏ

Optimization

Performance improvements and user feedback implementation.

Timeline Block - Load More

Click button to load additional timeline entries

Jan 1
๐ŸŽ‰

New Year Launch

Started the year with ambitious goals and fresh energy.

Jan 15
๐Ÿ’ก

Innovation Workshop

Team brainstorming session generated 20+ new feature ideas.

Feb 1
๐Ÿ”ง

Infrastructure Update

Migrated to containerized deployment for better scalability.

Timeline Block - Virtual Scroll

Automatically loads more entries as you scroll down

Week 1
๐Ÿ“

Requirements Gathering

Met with stakeholders to understand project requirements and constraints.

Week 2
๐ŸŽจ

Design Phase

Created wireframes and mockups for all major application screens.

Week 3
โšก

Prototype Development

Built interactive prototype to validate design decisions.

Layout Modifiers

Control alignment (left/center/right) and responsive behavior independently

Left Aligned

All items on left side
--left

Jan
๐Ÿ“

Planning

Initial project planning phase.

Feb
๐Ÿš€

Launch

Product launch and rollout.

Mar
โœ…

Complete

Project successfully delivered.

Right Aligned

All items on right side
--right

Jan
๐Ÿ“

Planning

Initial project planning phase.

Feb
๐Ÿš€

Launch

Product launch and rollout.

Mar
โœ…

Complete

Project successfully delivered.

Keep Layout

No mobile collapse
--keep-layout

Jan
๐Ÿ“

Planning

Stays alternating on mobile.

Feb
๐Ÿš€

Launch

Zig-zag preserved on small screens.

Mar
โœ…

Complete

Layout maintained at all widths.

Left + Keep Layout

Left-aligned, stays left on mobile
--left --keep-layout

Q1
๐Ÿ“Š

Analysis

Market research and competitive analysis completed.

Q2
๐ŸŽจ

Design

UI/UX design and prototyping phase.

Q3
๐Ÿ’ป

Development

Implementation and testing phase.

Right + Keep Layout

Right-aligned, stays right on mobile
--right --keep-layout

Q1
๐Ÿ“Š

Analysis

Market research and competitive analysis completed.

Q2
๐ŸŽจ

Design

UI/UX design and prototyping phase.

Q3
๐Ÿ’ป

Development

Implementation and testing phase.

Type to search or use /p for products, /o for orders, /u for users, /i for invoices

Settings

๐Ÿ‘ค

John Doe

Administrator
  • ๐Ÿ“Š Dashboard
  • ๐Ÿ“ Forms
  • ๐Ÿ“‹ Tables
  • ๐Ÿ“Š Data Grid