id

string

Identificador del botón.

text

string

Contenido del texto de ayuda en formato texto plano. No se aplicará cuando se especifique la propiedad html.

Si para elementos a y button y cuando no se especifica html.

html

string

Contenido del texto en formato HTML.

Nota: no aplica al elemento input.

Si para elementos a y button y cuando no se especifica text.

classes

string

Clases CSS separadas por espacio que se aplicarán sobre el componente.

element

string

Elemento HTML que se utilizará para representar el botón. Los valores posibles son:

• a (por defecto, si se incluye un href)

• button (por defecto)

• input

name

string

Nombre o atributo name del elemento que representa el botón.

Nota: sólo para los elementos button e input.

value

any

Valor del botón a enviar como parte del formulario.

Nota: sólo para el elemento button

type

string

Tipo del botón. Los valores posibles son:

• submit (por defecto)

• button

• reset

Nota: sólo para los elementos button e input.

disabled

boolean

Indica si el botón está deshabilitado.

preventDoubleClick

boolean

Evita un doble click.

Nota: sólo para los elementos button e input.

href

string

Ruta externa a la que se redirigirá al pulsar el botón.  No se aplicará cuando se especifique la propiedad routerLink.  Por defecto #.

Nota: sólo para el elemento a.

target

string

Pestaña en la que se abrirá el enlace.

Nota: sólo para el elemento a con href.

routerLink

string|string[]

Ruta interna relativa al proyecto (ver Angular ).

routerLinkActiveClasses

string|string[]

Clases que se añadirán al componente cuando la ruta especificada en routerLink sea la actual (ver Angular ).

clickEvent

DOM Event

Se emite al pulsar sobre el botón.

id

string

Identificador del botón.

text

string

Contenido del texto de ayuda en formato texto plano. No se aplicará cuando se especifique la propiedad html.

Si para elementos a y button y cuando no se especifica html.

html

string

Contenido del texto en formato HTML.

Si para elementos a y button y cuando no se especifica text.

classes

string

Clases CSS separadas por espacio que se aplicarán sobre el componente.

element

string

Elemento HTML que se utilizará para representar el botón. Los valores posibles son:

• a (por defecto, si se incluye un href)

• button (por defecto)

• input

state

string

Estado del componente. Los valores posibles son:

• is-loading → Representa el estado "cargando". Muestra el spinner de carga. Deberá añadirse la clase "c-button-loader--is-loading" al parámetro classes.

• is-success → Representa el estado "éxito". Muestra el icono ✓. Deberá añadirse la clase "c-button-loader--is-success" al parámetro classes.

Por defecto, o si no se especifica el valor, se muestra el contenido de los parámetros text o html.

successText

string

Texto que se interpretará por los lectores de pantalla cuando se llegue al estado de "éxito".

loaderText

string

Texto que se interpretará por los lectores de pantalla mientras está en el estado de "cargando".

loaderClasses

string

Clases que se aplican sobre spinner.

name

string

Nombre o atributo name del elemento que representa el botón.

Nota: sólo para los elementos button e input.

value

any

Valor del botón a enviar como parte del formulario.

Nota: sólo para el elemento button.

type

string

Tipo del botón. Los valores posibles son:

• submit (por defecto)

• button

• reset

Nota: sólo para los elementos button e input.

disabled

boolean

Indica si el botón está deshabilitado.

preventDoubleClick

boolean

Evita un doble click.

Nota: sólo para los elementos button e input.

href

string

Ruta externa a la que se redirigirá al pulsar el botón.

Nota: sólo para el elemento a.

target

string

Pestaña en la que se abrirá el enlace.

Nota: sólo para el elemento a con href.

routerLink

string|string[]

Ruta interna relativa al proyecto (ver Angular ).

routerLinkActiveClasses

string|string[]

Clases que se añadirán al componente cuando la ruta especificada en routerLink sea la actual (ver Angular ).

clickEvent

DOM Event

Se emite al pulsar sobre el botón.