Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Responsive, vertical timeline component.

License

NotificationsYou must be signed in to change notification settings

Morasiu/BlazorTimeline

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub licenseNugetNuget

BlazorTimeline

Simple timeline component for Blazor

Main image

It's responsive!

Responsive GIF

Features

  • ✅ Simple component
  • ✅ Color customization
  • ✅ Responsive!
  • ✅ You can put anything in the description!

CheckoutCHANGELOG for more info.

Usage

1. Install fromNuget

2. Add using to your project.

@using BlazorTimeline

3. Example code

@using BlazorTimeline<TimelineTitle="My timeline"TitleBgColor="#554DE0"TitleColor="#FFFFFF"TextColor="#F3F3F3"TextBgColor="#212121"ItemPositionOption="@ItemPositionOption.AutoAltering"><TimelineItemTitle="First item"Time="01.01.2020"ButtonText="Github"Link="https://github.com/">        Here we can write description :) And even add some buttons!</TimelineItem><TimelineItemTitle="Second item"><span>Timeline item can be altered to appear on the right!</span><span>And we can add anything here :)</span><br/><code>Even some code!</code><br/><span>Or Images!</span><br/><imgsrc="Images/kitty.jpg"width="200px"/></TimelineItem></Timeline>

There is also ademo project in repo.

Final notes

If you know some CSS magic I would totally appreciate help to clean up my CSS.

Thanks

ThanksBruno Rodrigues for that code sample!

SAMPLE

License

This project is licensed under the MIT License - see theLICENSE file for details

Buy Me A Coffee

About

Responsive, vertical timeline component.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2026 Movatter.jp