---
title: "Examples"
description: "Common use cases and demos"
emoji: "🍽️"
---

# 🍽️ Examples & Recipes

**Discover practical examples components with Le Truc.** Each example focuses on showcasing a specific feature or best practice, guiding you through real-world use cases.

- Basic
  - [Button](./examples/basic-button.html)
  - [Counter](./examples/basic-counter.html) selected
  - [Gauge](./examples/basic-gauge.html)
  - [Hello](./examples/basic-hello.html)
  - [Number](./examples/basic-number.html)
  - [Pluralize](./examples/basic-pluralize.html)
- Card
  - [Blogmeta](./examples/card-blogmeta.html)
  - [Blogpost](./examples/card-blogpost.html)
  - [Callout](./examples/card-callout.html)
  - [Colorscale](./examples/card-colorscale.html)
- Context
  - [Media](./examples/context-media.html)
- Form
  - [Checkbox](./examples/form-checkbox.html)
  - [Colorgraph](./examples/form-colorgraph.html)
  - [Combobox](./examples/form-combobox.html)
  - [Inplace Edit](./examples/form-inplace-edit.html)
  - [Listbox](./examples/form-listbox.html)
  - [Radiogroup](./examples/form-radiogroup.html)
  - [Spinbutton](./examples/form-spinbutton.html)
  - [Textbox](./examples/form-textbox.html)
- Module
  - [Carousel](./examples/module-carousel.html)
  - [Catalog](./examples/module-catalog.html)
  - [Codeblock](./examples/module-codeblock.html)
  - [Coloreditor](./examples/module-coloreditor.html)
  - [Colorinfo](./examples/module-colorinfo.html)
  - [Dialog](./examples/module-dialog.html)
  - [Lazyload](./examples/module-lazyload.html)
  - [Listnav](./examples/module-listnav.html)
  - [Pagination](./examples/module-pagination.html)
  - [Scrollarea](./examples/module-scrollarea.html)
  - [Splitview](./examples/module-splitview.html)
  - [Tabgroup](./examples/module-tabgroup.html)
  - [Ticker](./examples/module-ticker.html)
  - [Todo](./examples/module-todo.html)