---
title: "Styling and interaction"
description: "smabar plugin reference: Styling and interaction"
canonical: "https://smabar.com/docs/plugin-ref-styling/"
lang: en
---

# Styling and interaction

> smabar plugin reference: Styling and interaction

Canonical HTML version: https://smabar.com/docs/plugin-ref-styling/ · Language: en · Publisher: smabar (https://smabar.com)

---

[Build my plugin](https://smabar.com/build-my-plugin.md) · [All references](https://smabar.com/docs/plugin-ref-index.md) · [Install the ZIP](https://smabar.com/docs/install-plugin-zip.md)

Source: smabar 1.5.0, revision `a019f2563965edc37a5e8d84742ea1ff2fa6f824`. [Export metadata and checksums](https://smabar.com/plugin-reference/export.json).

This is an offline reference. MCP calls quoted below describe the connected workflow; use the linked documents and create local files instead. Live state, installed plugins, available providers and the user's active theme are unknown. Never claim a live check.

Read designRules, bestPractices, tileSizing, coverLayouts and sanitizer before writing HTML. Then read the classes for your UI, the full behaviour hooks and relevant snippets. All sections below are complete; coverLayouts and behaviour are not shortened indexes.

- [Ui: version](https://smabar.com/docs/plugin-ref-ui-version.md)
- [Ui: sections](https://smabar.com/docs/plugin-ref-ui-sections.md)
- [Ui: designRules](https://smabar.com/docs/plugin-ref-ui-design-rules.md)
- [Ui: bestPractices](https://smabar.com/docs/plugin-ref-ui-best-practices.md)
- [Ui: classCategories](https://smabar.com/docs/plugin-ref-ui-class-categories.md)
- [Ui: icons](https://smabar.com/docs/plugin-ref-ui-icons.md)
- [Ui: iconsUsage](https://smabar.com/docs/plugin-ref-ui-icons-usage.md)
- [Ui: charts](https://smabar.com/docs/plugin-ref-ui-charts.md)
- [Ui: conventions](https://smabar.com/docs/plugin-ref-ui-conventions.md)
- [Ui: renderTargets](https://smabar.com/docs/plugin-ref-ui-render-targets.md)
- [Ui: sanitizer](https://smabar.com/docs/plugin-ref-ui-sanitizer.md)
- [Ui: media](https://smabar.com/docs/plugin-ref-ui-media.md)
- [Ui: formContract](https://smabar.com/docs/plugin-ref-ui-form-contract.md)
- [Ui: branding](https://smabar.com/docs/plugin-ref-ui-branding.md)
- [Ui: tileChrome](https://smabar.com/docs/plugin-ref-ui-tile-chrome.md)
- [Ui: snippets](https://smabar.com/docs/plugin-ref-ui-snippets.md)
- [Ui: tileSizing](https://smabar.com/docs/plugin-ref-ui-tile-sizing.md)
- [Ui: coverLayouts](https://smabar.com/docs/plugin-ref-ui-cover-layouts.md)
- [Ui: behaviour](https://smabar.com/docs/plugin-ref-ui-behaviour.md)
- [Every core and component class, by category](https://smabar.com/docs/plugin-ref-ui-classes.md)

Theme values and their definitions: [tokens](https://smabar.com/docs/plugin-ref-tokens.md). [Complete UI contract as JSON](https://smabar.com/plugin-reference/ui-kit.json).