Skip to main content

Streamlit component that allows you to add Chrono Timeline

Project description

streamlit-chrono

Streamlit port of the react-chrono library. Allows for the rendering of timelines with cards.

Installation instructions

pip install streamlit-chrono

Usage instructions

The streamlit_chrono API is similar to react-chrono interface.

See the documentation at https://github.com/prabhuignoto/react-chrono

import streamlit as st
import json
from streamlit_chrono import chrono

items=[
    {"title": "Home"},
    {"title": "Workflow"},
    {"title": "Diagnostic Features"},
    {"title": "Referential Groups"},
    {"title": "Review Changes"},
    {"title": "Run Workflow"},
]
active_item_index=0

current_item = chrono(
    items=items,
    active_item_index=active_item_index
)

st.write(json.dumps(current_item, indent=4))

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

streamlit-chrono-0.0.2.tar.gz (570.4 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

streamlit_chrono-0.0.2-py3-none-any.whl (1.2 MB view details)

Uploaded Python 3

File details

Details for the file streamlit-chrono-0.0.2.tar.gz.

File metadata

  • Download URL: streamlit-chrono-0.0.2.tar.gz
  • Upload date:
  • Size: 570.4 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.2 CPython/3.11.4

File hashes

Hashes for streamlit-chrono-0.0.2.tar.gz
Algorithm Hash digest
SHA256 d3b641bca8b05953fad6a16603adde4166a11f2f7de73d9943a9fa5e09a4c611
MD5 56d1c97fa6ef2ad10e32b27761d28d83
BLAKE2b-256 42523e3fefb6a910eaa15019661c4372f4f10feda8debd0abecbfd3ec39ccebd

See more details on using hashes here.

File details

Details for the file streamlit_chrono-0.0.2-py3-none-any.whl.

File metadata

File hashes

Hashes for streamlit_chrono-0.0.2-py3-none-any.whl
Algorithm Hash digest
SHA256 49ca6418527564fa77a25fa1a548d2a46cf2f1744c417362e75f5f4f39c3dd31
MD5 081c0ea439ada0b79451ac3eaee14bb7
BLAKE2b-256 bd31c42bc4c4229c82b45d09ebee6665e685d1d73187643a605397704f183f41

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page