1.0.1 • Published 1 year ago

sx-button-dynamic v1.0.1

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year ago

<sx-button-dynamic>

Published on npm

Instalación

npm install sx-button-dynamic
yarn add sx-button-dynamic

NOTA: sx-button-dynamic se distribuye como un Módulo de JavaScript ES2020 y utiliza la API de Elementos Personalizados. Es compatible con todos los navegadores modernos, incluyendo Chrome, Firefox, Safari, Edge e IE11, pero se requiere un paso adicional de herramientas para resolver los bare module specifiers, así como la transpilación y los polyfills para Edge e IE11.

Uso de ejemplo

Estándar

<sx-button-dynamic variant="primary">Primary</sx-button-dynamic>
<sx-button-dynamic variant="secondary">Secondary</sx-button-dynamic>
<sx-button-dynamic variant="success">Success</sx-button-dynamic>
<sx-button-dynamic variant="alert">Alert</sx-button-dynamic>

<script type="module">
    import 'sx-button-dynamic';
</script>

API

Ranuras (Slots)

None

Propiedades/Atributos

NombreTipoValor por defectoDescripción
variantstring'primary'Estilo del botón ('primary', 'secondary', 'success', 'alert')

Métodos

None

Eventos

None

Propiedades CSS personalizadas

Propiedad CSS personalizadaDescripciónValor por defecto
--color-primaryColor primario#007bff
--dark-primary-colorColor primario oscuro#007bff
--sx-button-box-shadowSombra del botón0 4px 6px rgba(0, 0, 0, 0.1)
--sx-button-shadow-colorColor de la sombrargba(0, 0, 0, 0.1)
Este Markdown proporciona información detallada sobre cómo instalar y usar tu componente `sx-button-dynamic`, así como detalles sobre su API, propiedades, eventos y propiedades CSS personalizadas.
1.0.1

1 year ago