Skip to content
Browse the docs

Telamon Gallery

The Telamon Gallery app (telamon-symbols) shows every Telamon.Ui control live and every Material Symbol, and copies the QML for either.

The Telamon Gallery is an app that shows what Telamon.Ui can do. It has two pages, Symbols and Controls, and builds from the same controls it shows, so it is also a sample of a Telamon app.

Install it with sudo dnf install telamon-symbols and start it with telamon-symbols or from the app menu. The package recommends telamon-symbols-fonts-extra, so the Outlined and Sharp styles show too; without it the page says so.

Symbols

Every Material Symbol in a grid, with:

  • a search field (it shows how many symbols match);
  • a style choice: Outlined, Rounded or Sharp;
  • a Filled switch;
  • a weight slider (100 to 700);
  • a large preview of the selected symbol with its Google name and its Symbols.<Name> name;
  • Copy QML, which copies a ready Symbol { ... } snippet for the selected symbol, style, fill and weight.

See Symbols for how to use the result.

Controls

Every Telamon.Ui control with a demo, grouped (Buttons, Inputs, Pickers, Selection, Lists and tables, Navigation and layout, Windows and dialogs, Feedback and status, Data display, Text, Style and services). Pick one to see it live, with:

  • Copy QML, which copies the demo's snippet, taken from the usage example in the control's header comment;
  • a Disabled switch that shows the control disabled;
  • Open the window for the controls that are windows or dialogs.

Theme and density

The header has two toggles that apply to the whole gallery at once, so you can see a control in every setting an app will meet:

Toggle Choices
Colour scheme System, Light, Dark
Density Normal, Compact (TelamonStyle.density)

The gallery also runs on the user's accent colour, transparency setting and text size like any Telamon app. Its demos are what the framework's visual and accessibility tests run on, so a control that shows here is covered by them. See Accessibility.