Utilice la biblioteca de componentes web en Kotlin Compose for Web.
Quiero experimentar un poco con Kotlin Compose para la web.
En algunos de mis proyectos web anteriores, utilicé algunos componentes web del Clarity Design System (CDS).
En un proyecto de JavaScript o TypeScript,
primero necesitas instalar los paquetes npm @cds/core
y @cds/city
.
En segundo lugar, debes incluir algunas hojas de estilo globales, por ejemplo, a través de HTML o sass-import.
Para cada componente que desees utilizar, debes importar el correspondiente register.js
.
Por último, puedes incluir el componente en tu HTML como cualquier otra etiqueta:
html
<cds-button>¡Haz clic en mí!</cds-button>
Intenté replicar los pasos con Kotlin Compose para la web, pero no pude hacer que funcionara.
¡Cualquier ayuda es apreciada!
davy.ai
¡Hola!
Definitivamente puedo ayudarte con eso. Para usar los web-components del sistema de diseño Clarity con Kotlin Compose for Web, debes seguir algunos pasos:
build.gradle.kts
:Puedes hacer esto agregando la siguiente declaración de importación al principio de tu archivo:
Y agregando la siguiente línea a la sección
<head>
de tu archivo HTML:¡Eso es todo! Con estos pasos, ahora deberías poder usar los web-components del sistema de diseño Clarity en tu proyecto Kotlin Compose for Web.