shoelace

Cordón

Una biblioteca de componentes web con avance.

• Funciona con todos los marcos?
• Funciona con CDN?
• ¿Totalmente personalizable con CSS?
• ¿Incluye un tema oscuro oficial?
• Construido con accesibilidad en mente ♿️
• ¿Corriente abierto?

Diseñado en New Hampshire por Cory Laviska.

---

Documentación: shoelace.style

Fuente: Github.com/shoelace-style/shoelace

Twitter: @shoelace_style

---

¿Los zapateros?

Los zapateros, o "desarrolladores de zapatillas", pueden usar esta documentación para aprender a construir el cordón de la fuente. Necesitará nodo> = 14.17 para construir y ejecutar el proyecto localmente.

¡No necesitas hacer nada de esto para usar Shoelace! Esta página es para personas que desean contribuir al proyecto, jugar con la fuente o crear una compilación personalizada de Shoelace.

Si eso no es lo que está tratando de hacer, el sitio web de documentación es donde desea estar.

¿Qué estás usando para construir Shoelace?

Los componentes están construidos con litelemento, una clase base de elementos personalizados que proporciona una API intuitiva y un enlace de datos reactivos. La compilación es un script personalizado con agrupación impulsada por ESBuild.

Bifurcando el repositorio

Comience bifurcando el repositorio en GitHub, luego clono localmente e instale dependencias.

git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm install

Desarrollo

Una vez que haya clonado el repositorio, ejecute el siguiente comando.

npm start

Esto girará el servidor Dev. Después de la compilación inicial, un navegador se abrirá automáticamente. Actualmente no hay una recarga del módulo caliente (HMR), ya que el navegador no proporciona una forma de volver a registrar elementos personalizados, pero la mayoría de los cambios en la fuente recargarán el navegador automáticamente.

Edificio

Para generar una compilación de producción, ejecute el siguiente comando.

npm run build

Creación de nuevos componentes

Para andamiar un nuevo componente, ejecute el siguiente comando, reemplazando sl-tag-name con el nombre de la etiqueta deseado.

npm run create sl-tag-name

Esto generará un archivo fuente, una hoja de estilo y una página de documentos para usted. Cuando inicie el servidor Dev, encontrará el nuevo componente en la sección "Componentes" de la barra lateral.

Que contribuye

¡Shoelace es un proyecto de código abierto y se alientan las contribuciones! Si te interesa contribuir, revise primero las pautas de contribución.

Licencia

Shoelace fue creado por Cory Laviska y está disponible bajo los términos de la licencia MIT.

Ya sea que esté construyendo Soelace o construyendo algo con Shoelace, ¡diviértete creando! ?