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

Canvas

<ClassSummary name={frontMatter.class_name} image={frontMatter.example_images + '/image_for_docs.png'} imageCaption="Basic Canvas" imageWidth="25%"/>

Examples

Live example

Smiling face

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

<Image src={frontMatter.example_media + '/smiling_face.png'} alt="smiling-face" width="25%" />

Flet logo

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

<Image src={frontMatter.example_media + '/flet_logo.png'} alt="flet-logo" width="35%" />

Triangles

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

<Image src={frontMatter.example_media + '/triangles.png'} alt="triangles" width="25%" />

Bezier curves

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

<Image src={frontMatter.example_media + '/bezier_curves.png'} alt="bezier-curves" width="25%" />

Text

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

<Image src={frontMatter.example_media + '/text.png'} alt="text" width="55%" />

Free-hand drawing with image capture

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

Gradients

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

<ClassMembers name={frontMatter.class_name} />