<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.