Botón

Descripción general

El widget de botones le permite diseñar y personalizar fácilmente los botones sin ningún otro complemento o código corto. Dentro del botón incluso puede poner texto, icono y puede modificar o personalizar según sus necesidades.
button_overview

Opciones

Contenido

  • Texto del botón: puede insertar texto en el botón, por ejemplo. Enviar, restablecer, etc.
  • Enlace: establezca el enlace al botón que se muestra.
  • Rel: el atributo rel especifica la relación entre el elemento actual y el elemento vinculado.
  • Abrir enlace en una nueva pestaña: habilite esta opción para abrir el enlace especificado en una nueva pestaña de su navegador web o viceversa
  • Estirar: habilite esta opción para establecer el ancho del botón como el 100% de la resolución de la pantalla.
  • Tipografía: establezca la tipografía, por ejemplo. Familia de fuentes, tamaño de fuente, etc. al botón mostrado.
  • Alineación: establezca la alineación del botón, por ejemplo. Izquierda centro derecha.
  • Izquierda: establece el widget de botón a la izquierda .
  • Centro: establece el widget de botón en el centro .
  • Derecha: establece el widget de botón a la derecha .
button_content

Estilo de botón

Puede diseñar su botón con los siguientes tipos y tamaños.
button_style1
  • Tipo de botón
  • Predeterminado:  si no se especifica nada, el botón se establece como  Predeterminado .
Enviar
  • Principal: el  botón principal indica las  acciones principales .
Enviar
  • Secundario:  El botón secundario indica las  acciones secundarias .
Enviar
  • Éxito: el  botón Éxito indica  éxito o  acciones positivas .
Enviar
  • Información:  El botón de éxito indica el  éxito o las  acciones positivas .
Enviar
  • Advertencia:  El botón de advertencia indica la  precaución  que se debe tomar con esta acción.
Enviar
  • Peligro: el  botón de advertencia indica  precaución  que se debe tomar con esta acción.
Enviar
  • Oscuro: el  botón oscuro indica que un botón está  oscuro .
Enviar
  • Luz: el  botón de luz indica que un botón está  iluminado .
Enviar
  • Enlace: el  botón de enlace hace que un botón parezca un  enlace .
Enviar
  • Personalizado:  Botón personalizado le permite diseñar el botón en estado  normal y de desplazamiento .
Enviar
  • Tamaño del botón
  • Mini:  establezca el tamaño del botón en  Mini .
Enviar
  • Pequeño:  establezca el tamaño del botón en  Pequeño .
Enviar
  • Grande:  establece el tamaño del botón en grande .
Enviar
  • Extra grande:  establezca el tamaño del botón en extra grande.
Enviar
  • Doble grande:  establezca el tamaño del botón en doble grande.
Enviar
  • Personalizado:  para establecer el tamaño del botón según lo definido por el  usuario,  pero debe ser menor que el número total
Enviar

Icono

  • Icono:  configura el icono que se mostrará en un botón con texto.
  • Alineación:  establezca la alineación del icono, por ejemplo. Izquierda, Derecha .
  • Izquierda: establece el icono a la izquierda .
  • Derecha: establece el icono a la derecha .
  • Espacio entre:  establece el espacio entre el icono y el texto en el botón.
button_icon1

Frontera

  • Estado: establezca  el estado en el que debe establecer un borde.
  • Normal:  los efectos de borde serán visibles en el estado normal como siempre.
  • Hover:  los efectos de borde serán visibles en el estado de Hover .
  • Tipo de borde:  establezca el tipo de borde que desee, a saber. Sólido, doble, punteado, discontinuo, surco.
  • Sólido

Borde sólido

  • Doble

Borde doble

  • Punteado

Borde doble

  • Punteado

Borde discontinuo

  • Ranura

Borde de ranura

  • Color del borde :  establezca el color del borde.
  • Ancho del borde :  establezca el ancho del borde en píxeles.
  • Radio del borde :  establezca el radio del borde.
button_border
  • boton, botão
  • 443 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Artículos Relacionados

Grupo de botones

Grupo de botones Contenido Descripción general Captura de pantalla Grupos de...

Perfil social

Perfil social Contenido Descripción general Captura de pantalla Opciones...

Botón de descarga

Botón de descarga Contenido Descripción general Captura de pantalla Opciones...

compartir social

compartir social Contenido Descripción general Captura de pantalla Opciones...