Parámetros Nunjucks del componente: "Status". Versión: 4.0.2
Los parámetros de Nunjucks para este componente están dentro de la siguiente etiqueta code en formato yaml.
{"val":"params:\r\n- name: text\r\n type: string\r\n required: true\r\n description: Text for the status.\r\n- name: icon\r\n type: object\r\n required: true\r\n description: This is the icon at right\r\n - name: html\r\n type: string\r\n required: false\r\n description: Use this html to insert a custom svg inline icon. If this is set, the type are not used.\r\n - name: type\r\n type: string\r\n required: false\r\n description: Predefined icon types are `success`, `alert`,`loading` and `error`. Defaults to `success`.\r\n- name: classes\r\n type: string\r\n required: false\r\n description: Classes to add to the status component.\r\n- name: attributes\r\n type: object\r\n required: false\r\n description: HTML attributes (for example data attributes) to add to the status component.","length":765}
Ejemplo: "Éxito", de código HTML, para maquetar el componente: "Status", versión: 4.0.2, del sistema de diseño DESY
Para compilar el css del siguiente código deberás instalar Tailwind CSS y usar el archivo tailwind.config.js del proyecto: https://bitbucket.org/sdaragon/desy-html/
Para que funcione el comportamiento del siguiente código deberás importar el archivo index.js y todos los archivos javascript de la carpeta /src/js y /src/js/aria del proyecto: https://bitbucket.org/sdaragon/desy-html/
Usar sólo el código que está dentro de la siguiente etiqueta <code>.
Ejemplo: "Alerta", de código HTML, para maquetar el componente: "Status", versión: 4.0.2, del sistema de diseño DESY
Para compilar el css del siguiente código deberás instalar Tailwind CSS y usar el archivo tailwind.config.js del proyecto: https://bitbucket.org/sdaragon/desy-html/
Para que funcione el comportamiento del siguiente código deberás importar el archivo index.js y todos los archivos javascript de la carpeta /src/js y /src/js/aria del proyecto: https://bitbucket.org/sdaragon/desy-html/
Usar sólo el código que está dentro de la siguiente etiqueta <code>.
Ejemplo: "Cargando", de código HTML, para maquetar el componente: "Status", versión: 4.0.2, del sistema de diseño DESY
Para compilar el css del siguiente código deberás instalar Tailwind CSS y usar el archivo tailwind.config.js del proyecto: https://bitbucket.org/sdaragon/desy-html/
Para que funcione el comportamiento del siguiente código deberás importar el archivo index.js y todos los archivos javascript de la carpeta /src/js y /src/js/aria del proyecto: https://bitbucket.org/sdaragon/desy-html/
Usar sólo el código que está dentro de la siguiente etiqueta <code>.
Ejemplo: "Error", de código HTML, para maquetar el componente: "Status", versión: 4.0.2, del sistema de diseño DESY
Para compilar el css del siguiente código deberás instalar Tailwind CSS y usar el archivo tailwind.config.js del proyecto: https://bitbucket.org/sdaragon/desy-html/
Para que funcione el comportamiento del siguiente código deberás importar el archivo index.js y todos los archivos javascript de la carpeta /src/js y /src/js/aria del proyecto: https://bitbucket.org/sdaragon/desy-html/
Usar sólo el código que está dentro de la siguiente etiqueta <code>.
Ejemplo: "Icono personalizado", de código HTML, para maquetar el componente: "Status", versión: 4.0.2, del sistema de diseño DESY
Para compilar el css del siguiente código deberás instalar Tailwind CSS y usar el archivo tailwind.config.js del proyecto: https://bitbucket.org/sdaragon/desy-html/
Para que funcione el comportamiento del siguiente código deberás importar el archivo index.js y todos los archivos javascript de la carpeta /src/js y /src/js/aria del proyecto: https://bitbucket.org/sdaragon/desy-html/
Usar sólo el código que está dentro de la siguiente etiqueta <code>.