Buttons

Componenti pulsante per azioni e interazioni UI — Button, ButtonGroup, SplitButton, ToggleButton, SelectButton, SpeedDial.

Componenti

Componente	Descrizione
Button	Pulsante versatile con severity, varianti visive (solid, outlined, text, link), icone, badge e stato loading
ButtonGroup	Contenitore per raggruppare pulsanti correlati con selezione singola tramite v-model
SplitButton	Pulsante con azione principale e menu dropdown per azioni secondarie
ToggleButton	Pulsante con stato on/off, label e icone dinamiche in base allo stato attivo
SelectButton	Selezione singola o multipla tramite un gruppo di pulsanti, compatibile con stringhe e oggetti
SpeedDial	Floating Action Button espandibile con azioni secondarie in direzione configurabile

Plugin

import { ButtonsPlugin } from '@pzeta/vue-components'
app.use(ButtonsPlugin)

Il plugin registra globalmente tutti i componenti: Button, ButtonGroup, SplitButton, ToggleButton, SelectButton, SpeedDial.

Import singolo

import { Button } from '@pzeta/vue-components'
import { ButtonGroup } from '@pzeta/vue-components'
import { SplitButton } from '@pzeta/vue-components'
import { ToggleButton } from '@pzeta/vue-components'
import { SelectButton } from '@pzeta/vue-components'
import { SpeedDial } from '@pzeta/vue-components'

Tipi condivisi

I componenti button condividono i tipi base definiti in @pzeta/vue-components:

import type { Severity, Size } from '@pzeta/vue-components'

// Severity: 'primary' | 'secondary' | 'success' | 'info' | 'warn' | 'danger' | 'contrast' | 'help'
// Size: 'small' | 'medium' | 'large'

ToggleButton

Pulsante con stato on/off che mostra label e icone differenti in base allo stato attivo, con supporto v-model booleano.

AutoComplete

Campo di input con suggerimenti automatici caricati dinamicamente tramite l'evento complete. Supporta selezione singola e multipla (chips), dropdown button e forceSelection.