Sin framework
Escríbelo una vez. Úsalo en todas partes.
Custom Elements v1 y Shadow DOM: el mismo componente funciona en cualquier stack sin wrappers ni adaptadores.
<!-- Sin pasos previos: importa y usa -->
<script type="module">
import '@federa/solanda-ui/sl-button'
</script>
<sl-button variant="default" size="lg">
Guardar cambios
</sl-button><script setup>
import '@federa/solanda-ui/sl-button'
</script>
<template>
<sl-button @click="guardar">Guardar cambios</sl-button>
</template>import '@federa/solanda-ui/sl-button'
export function Acciones() {
return (
<sl-button onClick={guardar}>Guardar cambios</sl-button>
)
}// app.module.ts → schemas: [CUSTOM_ELEMENTS_SCHEMA]
import '@federa/solanda-ui/sl-button'
<!-- template -->
<sl-button (click)="guardar()">Guardar cambios</sl-button>