[Toolbar] - Feature request: Collapsing Toolbar

mlaursen / react-md

React material design - An accessible React component library built from the Material Design guidelines in Sass

https://react-md.dev

MIT License

2.33k stars 300 forks source link

[Toolbar] - Feature request: Collapsing Toolbar #723

Open kaYcee opened 6 years ago

kaYcee commented 6 years ago

Description

Great lib! It would be nice to have a collapsing toolbar that transitions into a normal toolbar upon scrolling. Such a component can show more information (titles, info, images) when loaded but doesn't distract the user when scrolling the content.

Examples

Example 1 Example 2

mlaursen commented 6 years ago

I did have an example of how you can implement this (poorly) before the 1.1.0 release. If anyone is looking for examples, you can check out the code:

FlexibleSpaceExample.jsx
AliConnorContact.jsx
_flexible.scss

I'll look into how the material components web ended up implementing their flexible space examples and go from there!