1.0.1 • Published 1 year ago
sx-button-dynamic v1.0.1
<sx-button-dynamic>
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
Nombre | Tipo | Valor por defecto | Descripción |
---|---|---|---|
variant | string | 'primary' | Estilo del botón ('primary' , 'secondary' , 'success' , 'alert' ) |
Métodos
None
Eventos
None
Propiedades CSS personalizadas
Propiedad CSS personalizada | Descripción | Valor por defecto |
---|---|---|
--color-primary | Color primario | #007bff |
--dark-primary-color | Color primario oscuro | #007bff |
--sx-button-box-shadow | Sombra del botón | 0 4px 6px rgba(0, 0, 0, 0.1) |
--sx-button-shadow-color | Color de la sombra | rgba(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