---
title: Componenti
description: Riferimento dei componenti senza stile di @open-pencil/vue.
---

# Componenti

`@open-pencil/vue` fornisce componenti senza stile per area di lavoro, navigazione, pannelli delle proprietà e campi specializzati.

## Area di lavoro

- [CanvasRoot](./canvas-root) — contesto.
- [CanvasSurface](./canvas-surface) — superficie di rendering.

## Navigazione

- [PageListRoot](./page-list-root) — pagine e azioni.
- [LayerTreeRoot](./layer-tree-root) — albero dei livelli.
- [LayerTreeItem](./layer-tree-item) — riga dell’albero.
- [ToolbarRoot](./toolbar-root) — barra degli strumenti.
- [ToolbarItem](./toolbar-item) — singolo strumento.

## Proprietà

- [PropertyListRoot](./property-list-root) — elenco controllato.
- [PropertyListItem](./property-list-item) — riempimento, contorno o effetto.
- [PositionControlsRoot](./position-controls-root) — posizione e trasformazione.
- [LayoutControlsRoot](./layout-controls-root) — disposizione automatica.
- [AppearanceControlsRoot](./appearance-controls-root) — opacità, visibilità e angoli.
- [TypographyControlsRoot](./typography-controls-root) — font e formattazione.

## Colore, sfumature e font

- [ColorInputRoot](./color-input-root)
- [ColorPickerRoot](./color-picker-root)
- [GradientEditorRoot](./gradient-editor-root)
- [GradientEditorBar](./gradient-editor-bar)
- [GradientEditorStop](./gradient-editor-stop)
- [FontPickerRoot](./font-picker-root)