Skip to content

Commit a570ba0

Browse files
committed
2 parents 1cc9257 + 57b63a6 commit a570ba0

File tree

1 file changed

+8
-6
lines changed

1 file changed

+8
-6
lines changed

README.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
# streamlit-scroll-navigation
22

33
This package enables scroll-based navigation for
4-
seamless single-page Streamlit applications. It features:
4+
seamless single-page Streamlit applications.
5+
Use it for portfolios, data stories, or any Streamlit application that presents multiple sections on the same page. It features:
56

67
* **Smooth Animations**: Scrolling to anchors on the page feels fluid and seamless.
7-
* **Anchor tracking**: As the user scrolls, the active anchor automatically updates to the nearest visible anchor.
8-
* **Configurable Icons**: Edit CSS attributes with the override_styles parameter for additional customization.
8+
* **Anchor tracking**: As the user scrolls, the active anchor automatically updates to the nearest visible anchor.
9+
* **Configurable Icons**: Customize Bootstrap icons for each navigation option to give your app a personal touch.
10+
* **Customizable Styles**: Edit CSS attributes with the override_styles parameter for additional customization.
911
* **Styled with Bootstrap**: The component comes styled with Bootstrap for a sleek and responsive design.
1012

1113
Video demo:
@@ -22,7 +24,7 @@ pip install streamlit-scroll-navigation
2224

2325
## Usage
2426

25-
`scroll_navbar()` creates a navigation bar that with buttons that scroll the page to anchor IDs. It is highly customizable, supporting various orientations, labels, icons, and styles.
27+
`scroll_navbar()` creates a navigation bar with buttons that scroll the page to anchor IDs. It is highly customizable, supporting various orientations, labels, icons, and styles.
2628

2729
- `anchor_ids` ( `Collection[str]` ):
2830
A collection of anchor IDs that represent the sections or points to navigate to. **Required**.
@@ -112,6 +114,6 @@ Contributions are welcome! If you’d like to contribute, follow these steps:
112114
Feel free to create issues or feature requests as well.
113115

114116
This component is built on React.
115-
It uses parent DOM injection to enable cross-origin interactions (see ./streamlit_scroll_navigation/\_\_init__.py).
116-
The API and stylesx are inspired by victoryhb's [streamlit-option-menu](https://github.com/victoryhb/streamlit-option-menu).
117+
It uses parent DOM injection to enable cross-origin interactions (see [`__init__.py`](https://github.com/SnpM/streamlit-scroll-navigation/blob/main/streamlit_scroll_navigation/__init__.py)).
118+
The API and styles are inspired by victoryhb's [streamlit-option-menu](https://github.com/victoryhb/streamlit-option-menu).
117119

0 commit comments

Comments
 (0)