ButtonTui

Botones con estilo terminal (TUI), minimales, diseñados para Catppuccin Mocha.

ButtonTui

Demo

<ButtonTui icon="↖" fill="solid" color="primary">[ TL ]</ButtonTui>
<ButtonTui icon="↗" fill="outline" color="success">[ TR ]</ButtonTui>
<ButtonTui icon="↘" fill="clear" color="danger">[ BR ]</ButtonTui>

Props

icon

Icono o emoji opcional dentro del botón.

<ButtonTui icon="⌨" color="primary">Key</ButtonTui>
<ButtonTui icon="⚙" color="success">Config</ButtonTui>
<ButtonTui color="medium">Sin icono</ButtonTui>

fill

Modo de relleno del botón: solid, outline o clear.

<ButtonTui fill="solid" color="primary">solid</ButtonTui>
<ButtonTui fill="outline" color="primary">outline</ButtonTui>
<ButtonTui fill="clear" color="primary">clear</ButtonTui>

color

Color semántico del botón.

<ButtonTui color="primary">primary</ButtonTui>
<ButtonTui color="success">success</ButtonTui>
<ButtonTui color="warning">warning</ButtonTui>
<ButtonTui color="danger">danger</ButtonTui>

API

Prop	Tipo	Default	Descripción
icon	string	—	Icono o emoji (opcional)
color	'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark'	'primary'	Color semántico
fill	'solid' | 'outline' | 'clear'	'solid'	Modo de relleno

Evento	Tipo	Descripción
click	—	Se dispara al hacer clic

Tokens usados

--font-mono, --color-*, --fill-*