Componente

Button

Botón con variantes contained/outlined/tonal/text, colores temáticos, iconos, estado loading y tooltip.

{% comp_button ... %}

Código a utilizar

template.html
{% comp_button text="Guardar Cambios" appearance="contained" color="primary" icon="Save" size="md" id="preview-demo" %}

Vista previa en vivo

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
text
None
appearance
Estilo visual del elemento
'contained'
color
Color temático principal
'primary'
icon
None
icon_right
None
size
Tamaño del componente
'medium'
loading
False
disabled
False
onclick
None
tooltip
None
classes
''
style
''
type
Tipo técnico del elemento HTML
'button'
form
None
id
None

Carga la librería con {% load components_ui %} antes de usar el componente.