Back to Flet

NavigationDrawer

website/docs/controls/navigationdrawer/index.md

0.85.3.dev01.2 KB
Original Source

import {ClassMembers, ClassSummary, CodeExample, Image} from '@site/src/components/crocodocs';

NavigationDrawer

<ClassSummary name={frontMatter.class_name} image={frontMatter.example_images + '/image_for_docs.png'} imageCaption="Navigation drawer extended" />

Examples

<CodeExample path={frontMatter.examples + '/position_start/main.py'} language="python" />

<Image src={frontMatter.example_images + '/position_start.gif'} alt="Start-aligned navigation drawer example" width="40%" />

<CodeExample path={frontMatter.examples + '/position_end/main.py'} language="python" />

<Image src={frontMatter.example_images + '/position_end.gif'} alt="End-aligned navigation drawer example" width="40%" />

<CodeExample path={frontMatter.examples + '/theming/main.py'} language="python" />

<Image src={frontMatter.example_images + '/theming.gif'} alt="Themed navigation drawer example" width="40%" />

<CodeExample path={frontMatter.examples + '/adaptive_navigation/main.py'} language="python" />

<Image src={frontMatter.example_images + '/adaptive_navigation.gif'} alt="Adaptive navigation example switching between a navigation bar and a navigation rail with an end drawer" width="55%" />

<ClassMembers name={frontMatter.class_name} />