Toolbar Samples

screenshot of Toolbar Samples
material-ui

Toolbar Samples with TabLayout, CollapsingToolbarLayout and scroll flags, BottomNavigationView, BottomAppBarLayout and Window insets

Overview

The Toolbar + CollapsingToolbarLayout + TabLayout Samples is a collection of samples that allow users to experiment with different scroll flags, transparency, and other features to create their preferred layouts using the Toolbar, CollapsingToolbarLayout, and TabLayout components. This sample bundle provides a convenient way for users to test various properties and view the results in one place.

Features

  • Collapsing Toolbar: Provides the ability to create collapsing toolbar layouts.
  • Toolbar + TabLayout: Demonstrates the integration of the Toolbar component with the TabLayout component.
  • Collapsing + TabLayout: Shows how to combine the CollapsingToolbarLayout with the TabLayout for more advanced layouts.
  • Parallax: Includes samples that demonstrate the parallax effect.
  • RV on Top of Parallax: Shows an example of using a RecyclerView on top of a parallax effect.
  • Appbar Scroll Change: Provides samples that showcase the changes in the app bar as the user scrolls.
  • Insets and Fullscreen: Demonstrates how to handle insets and fullscreen layouts.
  • Insets Fullscreen BottomAppbar: Shows an example of using insets in a fullscreen BottomAppBar layout.

Summary

The Toolbar + CollapsingToolbarLayout + TabLayout Samples is a valuable resource for developers who want to explore and experiment with the different features and possibilities offered by the Toolbar, CollapsingToolbarLayout, and TabLayout components. By providing a collection of samples, this bundle allows users to easily test various properties and layouts. Developers can also contribute to the project by submitting pull requests for any errors or additional samples they have in mind.

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

material-design
Material Design

Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.