ButtonProps
Boton. Color segun tone + variant; contraste garantizado por el tema.
Categoria: action.
Firma
export interface ButtonProps extends CommonProps {
label?: string | number | boolean | I18nText;
icon?: string;
iconPosition?: "start" | "end" | Expr;
tone?: Tone | Expr;
variant?: ButtonVariant | Expr;
size?: Size | Expr;
fullWidth?: boolean | Expr;
align?: "start" | "center" | Expr;
loading?: boolean | Expr;
disabled?: boolean | Expr;
submit?: boolean | Expr;
showLabel?: boolean | Expr;
onClick?: UiActionInput;
menuOptions?: Array<ElementoDeMenuShape> | Expr;
toolbar?: ComoSePresentaLaAccionEnLasBarrasShape;
}- Extiende
Miembros (15)
| Nombre | Tipo | Descripción |
|---|---|---|
| labelopcional | string | number | boolean | I18nText | Texto del boton. |
| iconopcional | string | Icono: nombre Lucide (p. ej. "Mail"), "lucide:<Nombre>", "brand:<slug>" (logotipo de una app integrada, p. ej. "brand:zoom") o "initials:<XY>". Un nombre desconocido se muestra como icono generico. |
| iconPositionopcional | "start" | "end" | Expr | Lado del icono. Por defecto: |
| toneopcional | Tone | Expr | Intencion. Por defecto primary en solid/link y neutral en soft/outline/ghost. |
| variantopcional | ButtonVariant | Expr | Aspecto. Por defecto: |
| sizeopcional | Size | Expr | Tamano en escala. Por defecto: |
| fullWidthopcional | boolean | Expr | Ocupa todo el ancho. |
| alignopcional | "start" | "center" | Expr | Alineacion del contenido si ocupa todo el ancho. Por defecto: |
| loadingopcional | boolean | Expr | Muestra el indicador de carga y bloquea. |
| disabledopcional | boolean | Expr | Deshabilita. |
| submitopcional | boolean | Expr | Envia el FORM que lo contiene. |
| showLabelopcional | boolean | Expr | false = solo icono (barras compactas). Por defecto: |
| onClickopcional | UiActionInput | Accion al pulsar. |
| menuOptionsopcional | Array<ElementoDeMenuShape> | Expr | Obsoleto Obsoleto: usa MENU. |
| toolbaropcional | ComoSePresentaLaAccionEnLasBarrasShape | Como se presenta la accion en las barras. |
Usado en / Referenciado por
Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:632 · ui.d.ts