• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

172
Views
Al usar componentes personalizados HTML, ¿cómo puedo hacerlo para poder elegir entre plantillas por atributo?

Es difícil para mí expresar esto.

Quiero hacer algo como y

Pero el interior tiene que ser muy diferente, por lo que simplemente cambiar la clase CSS no es suficiente.

Quiero dos diseños dentro de mi archivo JS (que es, digamos, icon-button.js)

¿Qué js usaría en mi archivo icon-button.js para que cuando ingrese forma = "cuadrado" elija una plantilla y forma = "círculo" elija otra?

Ya sé cómo configurar componentes personalizados, los estoy usando.

Solo necesito saber cómo hacerlo para que un atributo personalizado cambie entre diferentes plantillas encapsuladas en el archivo del componente personalizado.

es posible?

HTML se vería así

 <template id="sq"> <div id="buttonContainer"> <button> <div id="buttonContentContainer"> </div> <svg width="32px" height="32px" viewBox="0 0 32 32"> <polyline points="31,1 31,31 1,31 1,1 31,1"/> <polyline points="31,1 31,31 1,31 1,1 31,1"/> </svg> </button> <div id="label"></div> </div> </template> <template id="ci"> <div id="buttonContainer"> <button> <div id="buttonContentContainer"> </div> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="50"/> </svg> </button> <div id="label"></div> </div> </template>

uno tendría un círculo, el otro un cuadrado.

todo lo demás está funcionando.

about 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error