# Catálogo de componentes. DESY. Sistema de diseño del Gobierno de Aragón. Librerías, documentación y ejemplos [Volver](componentes.html) # Catálogo de componentes Recopilación de la mayor parte de los componentes y sus usos más típicos. ## Botones [Enlace al apartado: Botones#](#botones) ### Botones por defecto [Enlace al apartado: Botones por defecto#](#botones-por-defecto) Normal Por defecto [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones primarios [Enlace al apartado: Botones primarios#](#botones-primarios) Normal Primario [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones transparentes [Enlace al apartado: Botones transparentes#](#botones-transparentes) Normal Transparente [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones alerta [Enlace al apartado: Botones alerta#](#botones-alerta) Normal Alerta [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones pequeños por defecto [Enlace al apartado: Botones pequeños por defecto#](#botones-pequeos-por-defecto) Normal Por defecto [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones pequeños primarios [Enlace al apartado: Botones pequeños primarios#](#botones-pequeos-primarios) Normal Primario [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones pequeños transparentes [Enlace al apartado: Botones pequeños transparentes#](#botones-pequeos-transparentes) Normal Transparente peque [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones pequeños alerta [Enlace al apartado: Botones pequeños alerta#](#botones-pequeos-alerta) Normal Alerta pequeño [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ### Botones grandes primarios [Enlace al apartado: Botones grandes primarios#](#botones-grandes-primarios) Normal Primario [Con icono](/) [Con icono](/) [](/) :active Active [Con icono](/) [Con icono](/) [](/) :hover Hover [Con icono](/) [Con icono](/) [](/) :focus Focus [Con icono](/) [Con icono](/) [](/) Deshabilitado Deshabilitado [Con icono](/) [Con icono](/) [](/) Estado cargando Acción en curso Loading [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) Estado éxito Acción en curso Success [Acción en curso Con icono](/) [Acción en curso Con icono](/) [Acción en curso](/) ## Elementos de formulario [Enlace al apartado: Elementos de formulario#](#elementos-de-formulario) ### Inputs de texto [Enlace al apartado: Inputs de texto#](#inputs-de-texto) Label Label Label Hint texto descriptivo Label Error:Mensaje de error Label Hint texto descriptivo Error:Mensaje de error Label Label Label Hint texto descriptivo Label Error:Mensaje de error Label Hint texto descriptivo Error:Mensaje de error Inline label: Error:Error message goes here ### Textarea y Character count [Enlace al apartado: Textarea y Character count#](#textarea-y-character-count) Label Label Label Hint texto descriptivo Value Label Error:Mensaje de error Label Hint texto descriptivo Error:Mensaje de error Label Puedes escribir hasta 10 caracteres Label Puedes escribir hasta 10 caracteres Label Hint texto descriptivo Value Puedes escribir hasta 10 caracteres Label Error:Mensaje de error Puedes escribir hasta 10 caracteres Label Hint texto descriptivo Error:Mensaje de error Puedes escribir hasta 10 caracteres Label Label Label Hint texto descriptivo Value Label Error:Mensaje de error Label Hint texto descriptivo Error:Mensaje de error Inline label: Error:Error message goes here ### Date input [Enlace al apartado: Date input#](#date-input) Fecha de nacimiento Día Mes Año Fecha de nacimiento Día Mes Año Fecha de nacimiento Por ejemplo, 31 3 1980 Día Mes Año Fecha de nacimiento Error:Aqui va un mensaje de error Día Mes Año Fecha de nacimiento Por ejemplo, 31 3 1980 Error:Aqui va un mensaje de error Día Mes Año Fecha de nacimiento Por ejemplo, 31 3 1980 Error:Aqui va un mensaje de error Día Mes Año Hora de publicación Por ejemplo, 14:30 Hora : Minutos Fecha de nacimiento Por ejemplo, 31 3 1980 Dia Mes Año Hora de publicación Por ejemplo, 14:30 Hora : Minutos ### File upload [Enlace al apartado: File upload#](#file-upload) Sube un archivo Sube un archivo Sube un archivo Tu foto puede estar en tus Imágenes, Fotos, Descargas o el Escritorio. O en una aplicación como Fotos. Sube un archivo Tu foto puede estar en tus Imágenes, Fotos, Descargas o el Escritorio. O en una aplicación como Fotos. Error:Error message goes here ### Searchbar [Enlace al apartado: Searchbar#](#searchbar) Buscar Buscar Buscar Buscar Buscar Buscar Buscar Buscar Error:Error message goes here Buscar Buscar Buscar en esta página Buscar Buscar en esta página Buscar ### Select [Enlace al apartado: Select#](#select) Label Opción 1 Opción 2 Opción 3 Label Opción 1 Opción 2 Opción 3 Label Hint texto descriptivo Opción 1 Opción 2 Opción 3 Label Error:Mensaje de error Opción 1 Opción 2 Opción 3 Label Hint texto descriptivo Error:Mensaje de error Opción 1 Opción 2 Opción 3 Label Opción 1 Opción 2 Opción 3 Label Opción 1 Opción 2 Opción 3 Label Hint texto descriptivo Opción 1 Opción 2 Opción 3 Label Error:Mensaje de error Opción 1 Opción 2 Opción 3 Label Hint texto descriptivo Error:Mensaje de error Opción 1 Opción 2 Opción 3 Label text goes here Option 1 Option 2 Optgroup suboption A1 Optgroup suboption A2 Optgroup suboption A3 Option 3 Option 4 Optgroup suboption B1 Optgroup suboption B2 Optgroup suboption B3 Option 5 Option 6 Inline label: Error:Error message goes here Option 1 Option 2 Option 3 ### Input group [Enlace al apartado: Input group#](#input-group) Documento de identidad Tipo NIF Pasaporte Número Documento de identidad Selecciona tu tipo de documento e introduce el número de documento sin espacios Tipo NIF Pasaporte Número Documento de identidad Tipo NIF Pasaporte Número Datos del solicitante Error:Aqui va un mensaje de error Titulo Sr. Sra. Nombre Apellidos Introduce cantidad Desde: Cantidad inicio hasta: Cantidad final ### Checkboxes [Enlace al apartado: Checkboxes#](#checkboxes) Fieldset legend Opción 1 Opción 2 Opción 3 Fieldset legend Hint texto descriptivo Opción 1 Opción 2 Opción 3 Fieldset legend Hint texto descriptivo Error:Mensaje de error Opción 1 Opción 2 Opción 3 # Fieldset legend Opción 1 Hint texto descriptivo Opción 2 Hint texto descriptivo Opción 3 Hint texto descriptivo Opción 1 Opción 2 Opción 3 Opción 1 Opción 2 Opción 3 Opción 4 1 elemento seleccionado (indeterminate) Fieldset legend Opción 1 Label Opción 2 Label Opción 3 Label Fieldset legend Opción 1 Label Opción 2 Label Error: Mensaje de error Opción 3 Label Fieldset legend Hint texto descriptivo Opción 1 Opción 2 Opción 3 Opción 4 Fieldset legend Hint texto descriptivo Opción 1 Hint texto descriptivo Opción 2 Hint texto descriptivo Opción 3 Hint texto descriptivo ### Radios [Enlace al apartado: Radios#](#radios) Fieldset legend Opción 1 Opción 2 Opción 3 Fieldset legend Hint texto descriptivo Opción 1 Opción 2 Opción 3 Fieldset legend Hint texto descriptivo Error:Mensaje de error Opción 1 Opción 2 Opción 3 # Fieldset legend Opción 1 Hint texto descriptivo Opción 2 Hint texto descriptivo Fieldset legend Hint texto descriptivo Yes No Fieldset legend Hint texto descriptivo Yes No Fieldset legend Opción 1 Opción 2 o bien Opción alternativa Opción 1 Opción 2 Opción 3 Opción 4 Fieldset legend Opción 1 Label Opción 2 Label Opción 3 Label Fieldset legend Opción 1 Label Opción 2 Label Error: Mensaje de error Opción 3 Label Fieldset legend Hint texto descriptivo Opción 1 Opción 2 Opción 3 Opción 4 Fieldset legend Hint texto descriptivo Opción 1 Hint texto descriptivo Opción 2 Hint texto descriptivo Opción 3 Hint texto descriptivo ### Tree [Enlace al apartado: Tree#](#tree) Selecciona organismo Selecciona el organismo al que perteneces. - Item 1 - Subitem 1 - Subitem 2 - Subitem 3 - Item 2 - Subitem 1 - Subitem 2 - Subitem 3 - Item 3 - Subitem 1 - Subitem 2 - Subitem 3 Selecciona organismo Selecciona el organismo al que perteneces. - Item 1 - Subitem 1 - Subitem 2 - Subitem 3 - Item 2 - Subitem 1 - Subitem 2 - Subitem 3 - Item 3 - Subitem 1 - Subitem 2 - Subitem 3 Selecciona organismo Buscar Buscar - Item 1 - Subitem 1 - Subitem 2 - Subitem 3 - Item 2 - Subitem 1 - Subitem 2 - Subitem 3 - Item 3 - Subitem 1 - Subitem 2 - Subitem 3 Selecciona organismo Selecciona el organismo al que perteneces. - Item 1 - Subitem 1 - Subitem 2 - Subitem 3 - Item 2 - Subitem 1 - Subitem 2 - Subitem 3 - Item 3 - Subitem 1 - Subitem 1 - Subitem 2 - Subitem 3 - Subitem 2 - Subitem 1 - Subitem 2 - Subitem 3 - Subitem 3 - Subitem 1 - Subitem 2 - Subitem 3 - Subitem 1 - Subitem 1 - Subitem 2 - Subitem 3 - Subitem 2 - Subitem 1 - Subitem 2 - Subitem 3 - Subitem 3 - Subitem 1 - Subitem 2 - Subitem 3 ### Listbox por defecto [Enlace al apartado: Listbox por defecto#](#listbox-por-defecto) Normal Label Por defecto - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 :active Label Active - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 :hover Label Hover - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 :focus Label Focus - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Disabled Label Disabled - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 ### Listbox variaciones [Enlace al apartado: Listbox variaciones#](#listbox-variaciones) Primario Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Transparent Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Header Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Pequeño Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Pequeño tiene selección Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Grande Label Primario - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label Con icono - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 Label - Opción 1 - Opción 2 - Opción 3 - Opción 4 - Opción 5 ## Navegación [Enlace al apartado: Navegación#](#navegacin) ### Cabecera de página para sitios web o portales [Enlace al apartado: Cabecera de página para sitios web o portales#](#cabecera-de-pgina-para-sitios-web-o-portales) [](https://www.aragon.es/) ## [Titulo de cabecera](/ "Ir a la página de inicio") Menú Cerrar menu ### Cabecera de página para apps [Enlace al apartado: Cabecera de página para apps#](#cabecera-de-pgina-para-apps) [](/) [](/) Aplicación actual: Carpeta ciudadana Marta Pérez Menú Cerrar menu ### Páginas ### Migas de pan [Enlace al apartado: Migas de pan#](#migas-de-pan) ### Nav [Enlace al apartado: Nav#](#nav) Dropdown con nav Dropdown scroll nav ### Menu horizontal [Enlace al apartado: Menu horizontal#](#menu-horizontal) ### Menu de navegación [Enlace al apartado: Menu de navegación#](#menu-de-navegacin) ### Menu vertical [Enlace al apartado: Menu vertical#](#menu-vertical) ### Links list [Enlace al apartado: Links list#](#links-list) ### Paginación [Enlace al apartado: Paginación#](#paginacin) Posición de paginación: resultados del 10 \- 20 de 64 Posición de paginación: resultados del 10 \- 20 de 64 Posición de paginación: resultados del 10 \- 20 de 64 Posición de paginación: resultados del 10 \- 20 de 64 ### Pie de página [Enlace al apartado: Pie de página#](#pie-de-pgina) ## Enlaces de pie de página Creado por [SDA Servicios Digitales de Aragón](https://sda.aragon.es/) Todo el contenido bajo [licencia CC BY 4.0](https://creativecommons.org/licenses/by/4.0/legalcode.es) [Gobierno de Aragón](https://www.aragon.es/). Edificio Pignatelli. Paseo María Agustín, 36. 50004 - Zaragoza - Teléfono: [976 714 000](tel:+34976714000) [Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.](https://www.aragon.es/-/fondos-europeos-aragon "Más información sobre los Fondos Europeos") ## Acerca de Copyright © AST. Aragonesa de Servicios Telemáticos. Avda. Ranillas 3A. Planta 3ª ofc. J. 50018 Zaragoza. Tel: 976 714 495. [ast@aragon.es](mailto:ast@aragon.es) [](https://sda.aragon.es/) ## Dropdowns [Enlace al apartado: Dropdowns#](#dropdowns) ### Dropdowns por defecto [Enlace al apartado: Dropdowns por defecto#](#dropdowns-por-defecto) Normal Por defecto Con icono Con icono :active Active Con icono Con icono :hover Hover Con icono Con icono :focus Focus Con icono Con icono Disabled Deshabilitado Con icono Con icono ### Dropdowns variaciones [Enlace al apartado: Dropdowns variaciones#](#dropdowns-variaciones) Primario Primario Con icono Con icono Transparent Primario Con icono Con icono Header Primario Con icono Con icono Pequeño Primario Con icono Con icono Pequeño tiene selección Primario Con icono Con icono Grande Primario Con icono Con icono ### Dropdowns en uso [Enlace al apartado: Dropdowns en uso#](#dropdowns-en-uso) Con navs Dropdown con nav Dropdown con scroll y nav ## Menubar [Enlace al apartado: Menubar#](#menubar) ### Menubar variaciones [Enlace al apartado: Menubar variaciones#](#menubar-variaciones) Por defecto - [Menuitem Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemcheckbox Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemradio Con ítems seleccionados](#) - - Radio 1 - Radio 2 - Radio 3 - [Mixed items Con ítems seleccionados](#) - - Tamaño mayor - Tamaño menor - - Negritas - Itálicas - - Ninguno - Tachado - Subrayado - [Menuitem solo](#) Transparent - [Menuitem Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemcheckbox Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemradio Con ítems seleccionados](#) - - Radio 1 - Radio 2 - Radio 3 - [Mixed items Con ítems seleccionados](#) - - Tamaño mayor - Tamaño menor - - Negritas - Itálicas - - Ninguno - Tachado - Subrayado - [Menuitem solo](#) Header - [Menuitem Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemcheckbox Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemradio Con ítems seleccionados](#) - - Radio 1 - Radio 2 - Radio 3 - [Mixed items Con ítems seleccionados](#) - - Tamaño mayor - Tamaño menor - - Negritas - Itálicas - - Ninguno - Tachado - Subrayado - [Menuitem solo](#) Pequeño - [Menuitem Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemcheckbox Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemradio Con ítems seleccionados](#) - - Radio 1 - Radio 2 - Radio 3 - [Mixed items Con ítems seleccionados](#) - - Tamaño mayor - Tamaño menor - - Negritas - Itálicas - - Ninguno - Tachado - Subrayado - [Menuitem solo](#) Pequeño tiene selección - [Menuitem Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemcheckbox Con ítems seleccionados](#) - Subitem 1 - Subitem 2 - Subitem 3 - [Menuitemradio Con ítems seleccionados](#) - - Radio 1 - Radio 2 - Radio 3 - [Mixed items Con ítems seleccionados](#) - - Tamaño mayor - Tamaño menor - - Negritas - Itálicas - - Ninguno - Tachado - Subrayado - [Menuitem solo](#) ### Menubar en uso [Enlace al apartado: Menubar en uso#](#menubar-en-uso) Filtrado y ordenación de listado de items - [Estados y trámites Con ítems seleccionados](#) - - Filtrar servicios - Filtrar procesos y convocatorias - Estados - - Borrador - Borrador rechazado - En validación - Publicado - Con cambios - Dados de baja - Plazos (sólo aplican a convocatorias y procesos) - - Plazo permanente - Plazo temporal indefinido - Plazo temporal abierto - Plazo temporal finalizado - [Tipología Con ítems seleccionados](#) - - Procedimiento - Servicio sin tramitación de procedimiento - - Interno - Externo - - Común, horizontal - Específico, sectorial - Específico de uso común - - Inicio de oficio - Inicio a instancia - Con convocatorias - Tramitación íntegra digital - [Eliminar filtros](#) - [Orden: Actividad reciente Con ítems seleccionados](#) - - Actividad reciente - Publicación reciente - Creación reciente - Número de servicio (de mayor a menor) ## Mostrar y ocultar [Enlace al apartado: Mostrar y ocultar#](#mostrar-y-ocultar) ### Acordeones [Enlace al apartado: Acordeones#](#acordeones) ### Título 1 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ### Título 2 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ### Título 3 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ## Cabecera del acordeón Mostrar todo ### Título 1 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ### Título 2 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ### Título 3 Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item 1 (Estado: pasado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item 2 (Estado: pasado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item 3 (Estado: pasado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item muted (Estado: muteado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item currentmuted (Estado: actual muteado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item past (Estado: pasado) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item current (Estado: actual) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar #### Accordion Item pending (Estado: pendiente) Mostrar Ocultar Haz click en el botón anterior para mostrar u ocultar ### Collapsible [Enlace al apartado: Collapsible#](#collapsible) Título Mostrar Ocultar Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, lectus ut viverra laoreet, ante nisl rutrum lorem, vitae venenatis risus mi eget nisi. Título Mostrar Ocultar Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, lectus ut viverra laoreet, ante nisl rutrum lorem, vitae venenatis risus mi eget nisi. ### Details [Enlace al apartado: Details#](#details) Descripción breve Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, lectus ut viverra laoreet, ante nisl rutrum lorem, vitae venenatis risus mi eget nisi. Descripción breve Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat, lectus ut viverra laoreet, ante nisl rutrum lorem, vitae venenatis risus mi eget nisi. ### Toggle [Enlace al apartado: Toggle#](#toggle) Mostrar detalles Mostrar detalles Mostrar filtros Mostrar filtros Reproducir sonido Reproducir sonido - Notificar por email on off ### Tabs [Enlace al apartado: Tabs#](#tabs) ## Contenido Tab 1 Tab 2 Tab 3 Tab 4 ### Tab 1 **Panel 1**. Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? ### Tab 2 **Panel 2**. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 3 **Panel 3**. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 4 **Panel 4**. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ## Contenido Tab 1 Tab 2 Tab 3 Tab 4 ### Tab 1 **Panel 1**. Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? ### Tab 2 **Panel 2**. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 3 **Panel 3**. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 4 **Panel 4**. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Ejemplo en uso real: ## Contenido Cambios Ver original ### Cambios - Ley 38/2003, de 17 de noviembre, General de Subvenciones. (BOE nº 276 de 18 de noviembre de 2003) y su Reglamento de desarrollo aprobado por Real Decreto 887/2006, de 21 de julio. [Ver detalles de la normativa](#) - Ley 5/2015, de 25 de marzo, de Subvenciones de Aragón. (BOA nº 68 de 10 de abril de 2015). [Ver detalles de la normativa](#) Cambios realizados hace 2 horas DescartarEditar ### Ver original - Ley 38/2003, de 17 de noviembre, General de Subvenciones. (BOE nº 276 de 11 de diciembre de 2020) y su Reglamento de desarrollo aprobado por Real Decreto 887/2006, de 21 de julio. [Ver detalles de la normativa](#) - Ley 5/2015, de 25 de marzo, de Subvenciones de Aragón. (BOA nº 68 de 10 de abril de 2015). [Ver detalles de la normativa](#) Texto original Ejemplo con aspecto de lista de enlaces: ## Contenido Tab 1 Tab 2 Tab 3 Tab 4 ### Tab 1 **Panel 1**. Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? ### Tab 2 **Panel 2**. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 3 **Panel 3**. Provident animi dolor veniam, et quas consequuntur. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ### Tab 4 **Panel 4**. Reiciendis eius in, nostrum porro? Quaerat, temporibus, optio? Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Est quis exercitationem, nesciunt nulla quisquam temporibus. Provident animi dolor veniam, et quas consequuntur. ## Datos [Enlace al apartado: Datos#](#datos) ### Pills [Enlace al apartado: Pills#](#pills) Por defecto Por defecto Icono dcha Icono izda Type button :active Active Icono dcha Icono izda Type button :hover Hover Icono dcha Icono izda Type button :focus Focus Icono dcha Icono izda Estilos Primario Aviso Éxito Alerta Pequeños por defecto Pequeña Icono dcha Icono izda Pequeños con estilos Primario Aviso Éxito Alerta ### Description list [Enlace al apartado: Description list#](#description-list) término definición por defecto término definición por defecto término definición por defecto término definición por defecto término definición por defecto término definición grande término definición grande término definición grande término definición grande Ejemplos en caso real: Gestiona Innovación, investigación y universidad Solicitantes Pymes, autónomos, organizaciones Resuelve Transporte y minas Tipo de servicio Procedimiento, Común, Interno, Inicio de instancia Código de procedimiento G00345-BX Nombre del procedimiento Resolución definitiva CSV CSVK45WT8V5T110CPPC Fecha de captura 13 de Diciembre de 2021. A las 11:48:08 Categoría Documento simple Activo no corriente 3045,45€ Activo corriente 14,32€ Total activo 279,67€ Capital 100.704,23€ Patrimonio neto 2.345,74€ Consolidación de cuentas **Si** ### Status [Enlace al apartado: Status#](#status) Completo Incompleto Subiendo (20%) Error Atención ### Status items [Enlace al apartado: Status items#](#status-items) Titulo Acción Titulo [Icono y enlace](#) Hint texto descriptivo Acción Status Término Definición Término Definición Término Definición Acción Status Autorización para la consulta de datos de las personas de la unidad familiar. (Documento condicionado) Aportar Personas de la unidad familiar 2 personas añadidas Modificar Aportado Autorización para la consulta de datos de las personas de la unidad familiar [Descargar modelo](#) Aportar Datos adicionales del solicitante Rellenar Iniciado Datos adicionales del solicitante Modificar Aportado Datos adicionales del solicitante Error:Es necesario aportar este documento para enviar el trámite Modificar Incompleto Datos adicionales del solicitante Modificar Subiendo (20%) Datos adicionales del solicitante Error:Se ha producido un error al subir el archivo Ver Error Acreditación Mediante archivo adjunto [Modelo de solicitud (PDF, 200Kb)](#) Modificar Completo Nombre Ana Apellidos Pérez Escribano Número de identificación 72882918B Rellenar Incompleto ### Items [Enlace al apartado: Items#](#items) Entidades locales de la Comunidad Autónoma de Aragón Registro de alta de la asociación Documento acreditativo de registro de alta de la [asociación]( # ) Entidades locales de la Comunidad Autónoma de Aragón - Desde modelo - Obligatorio previo a resolución - Condicionado Registro de alta de la asociación Modelo: [Modelo de fianza (PDF, 20Kb)]( # ) Registro de alta de la asociación Eliminar Editar Entidades locales de la Comunidad Autónoma de Aragón Entidades locales de la Comunidad Autónoma de Aragón Eliminar Editar Resolución de años anteriores [Resolución años anteriores (PDF, 20Kb)]( # ) Eliminar Editar Lista de admitidos y excluidos de la convocatoria publicado en el BOA [http://www.boa.aragon.es/cgi-bin/EBOA/BRSCGI?CMD=VEROBJ&MLKOB=1119520063030&type=pdf]( # ) Eliminar Editar Datos de la empresa - 12 campos - Con dependencia - Tabla de datos Eliminar Editar Resolución de años anteriores [Resolución años anteriores (PDF, 20Kb)]( # ) Eliminar Editar Registro de alta de la asociación Documento acreditativo de registro de alta de la asociación - Desde modelo - Obligatorio previo a resolución - Condicionado Modelo: [Modelo de fianza (PDF, 20Kb)]( # ) Eliminar Editar ### Tablas [Enlace al apartado: Tablas#](#tablas) Enero 85€ 95€ Febrero 75€ 55€ Marzo 165€ 125€ Mes Precio bruto Precio neto Enero 85€ 95€ Febrero 75€ 55€ Marzo 165€ 125€ Enero 85€ 95€ Febrero 75€ 55€ Marzo 165€ 125€ Caption 1: Meses y precios Mes Precio bruto Precio neto Enero 85€ 95€ Febrero 75€ 55€ Marzo 165€ 125€ Seleccionar elementos Seleccionar fila Mes Pulsa para ordenar por esta columna Precio bruto Pulsa para ordenar por esta columna Precio neto Pulsa para ordenar por esta columna Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Selecciona fila 3 Enero 85€ 95€ Selecciona fila 4 Febrero 75€ 55€ Selecciona fila 5 Marzo 165€ 125€ Month you apply Rate for bicycles Rate for vehicles Filtrar en esta columna Filtrar por... Option 1 Option 2 Option 3 Filtrar en esta columna Filtrar por... Option 1 Option 2 Option 3 Filtrar en esta columna Filtrar por... Option 1 Option 2 Option 3 January 85€ 95€ February 75€ 55€ March 165€ 125€ Seleccionar fila Row number Month you apply Pulsa para ordenar por esta columna Rate for bicycles Pulsa para ordenar por esta columna Rate for vehicles Pulsa para ordenar por esta columna Rate for column A Pulsa para ordenar por esta columna Rate for column B Pulsa para ordenar por esta columna Rate for column C Pulsa para ordenar por esta columna Rate for column D Pulsa para ordenar por esta columna Rate for column E Pulsa para ordenar por esta columna Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Filtrar en esta columna Buscar Selecciona fila 3 First row January 85€ 95€ 85€ 95€ 95€ 95€ 95€ Selecciona fila 4 Second row February 75€ 55€ 85€ 95€ 95€ 95€ 95€ Selecciona fila 5 Third row March 165€ 125€ 85€ 95€ 95€ 95€ 95€ Seleccionar fila Row number Month you apply Pulsa para ordenar por esta columna Rate for bicycles Pulsa para ordenar por esta columna Rate for vehicles Pulsa para ordenar por esta columna Filtrar en esta columna Buscar Filtrar en esta columna Filtrar por... Option 1 Option 2 Option 3 Filtrar en esta columna Filtrar por... Option 1 Option 2 Option 3 Filtrar en esta columna Buscar Selecciona fila 3 First row January 85€ 95€ Selecciona fila 4 Second row February 75€ 55€ Selecciona fila 5 Third row March 165€ 125€ ### Tabla con árbol [Enlace al apartado: Tabla con árbol#](#tabla-con-rbol) Documentos contables Documento Importe Fecha Acciones C0001 3.000,00€ 05/01/2024 [Ver](#) C0001-1 1.000,00€ 05/01/2024 [Ver](#) C0001-2 2.000,00€ 05/01/2024 [Ver](#) C0001-2-1 1.000,00€ 05/01/2024 [Ver](#) C0001-3 2.000,00€ 05/01/2024 [Ver](#) C0001-3-1 5.000,00€ 15/01/2024 [Ver](#) C0001-3-1-1 95€ 15/01/2024 [Ver](#) C0001-3-1-2 5.000,00€ 15/01/2024 [Ver](#) Caption de la treegrid con 15 niveles Documento Importe Fecha Acciones F0001 100 € 01/01/2024 [Ver](#) F0001-1 200 € 02/01/2024 [Ver](#) F0001-1-1 300 € 03/01/2024 [Ver](#) F0001-1-1-1 400 € 04/01/2024 [Ver](#) F0001-1-1-1-1 500 € 05/01/2024 [Ver](#) F0001-1-1-1-1-1 600 € 06/01/2024 [Ver](#) F0001-1-1-1-1-1-1 700 € 07/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1 800 € 08/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1 900 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1 1000 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1-1 1100 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1-1-1 1200 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1-1-1-1 1300 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1-1-1-1-1 1400 € 09/01/2024 [Ver](#) F0001-1-1-1-1-1-1-1-1-1-1-1-1-1-1 1500 € 09/01/2024 [Ver](#) F0002 3.000,00€ 05/01/2024 [Ver](#) F0002-1 1.000,00€ 05/01/2024 [Ver](#) F0002-2 2.000,00€ 05/01/2024 [Ver](#) F0002-2-1 1.000,00€ 05/01/2024 [Ver](#) F0002-3 2.000,00€ 05/01/2024 [Ver](#) F0002-3-1 5.000,00€ 15/01/2024 [Ver](#) F0002-3-1-1 95€ 15/01/2024 [Ver](#) F0002-3-1-2 5.000,00€ 15/01/2024 [Ver](#) ## Avisos [Enlace al apartado: Avisos#](#avisos) ### Resumen de errores en formularios [Enlace al apartado: Resumen de errores en formularios#](#resumen-de-errores-en-formularios) ## Problemas encontrados - [Campo Nombre de la empresa está vacío](#example-error-1) - [Campo Fecha de inicio de la actividad está vacío](#example-error-2) ## Problemas encontrados Por favor, corrige los errores siguientes. - El nombre de usuario no puede tener menos de 4 caracteres - [Campo Fecha de inicio de la actividad está vacío](#example-error-2) ### Notificaciones de página [Enlace al apartado: Notificaciones de página#](#notificaciones-de-pgina) Las [entidades beneficiarias]( # ) deberán tener: su sede y actividad principal en Aragón. El documento se ha cargado correctamente Documento acreditativo de _registro de alta de la asociación_ puede verse publicado ya. Problemas encontrados - [Campo Nombre de la empresa está vacío](#empresa) - [Campo Fecha de inicio de la actividad está vacío](#actividad) - [El formato de correo electrónico es incorrecto](#email) El documento se ha cargado correctamente Problemas encontrados - [Campo Nombre de la empresa está vacío](#empresa) - [Campo Fecha de inicio de la actividad está vacío](#actividad) - [El formato de correo electrónico es incorrecto](#email) ATENCIÓN: Debido a la situación por Covid-19, pide cita previa para acudir a una de nuestras oficinas. [Pedir cita previa]( # ) No olvide adjuntar el registro de alta de la asociación Necesitará el documento acreditativo de registro de alta de la asociación - [Desde modelo](#) - [Obligatorio previo a resolución](#) - [Condicionado](#) ### Modales [Enlace al apartado: Modales#](#modales) ## Aviso Estamos realizando labores de mantenimiento en el sistema. Es posible que algunos procesos tarden más de lo esperado. Rogamos disculpas. De acuerdo, continuar ## Editar servicio publicado Actualmente este servicio está publicado. Los cambios realizados no serán visibles hasta que sean validados Para más información, ir a la [Página de ayuda](#) Editar servicio Cancelar ## Borrar servicio Esta acción no se puede deshacer ¿Estás seguro? Si, borrar servicio Cancelar ## Descartar cambios Si descartas los cambios, perderás el trabajo realizado en este servicio. ¿Estás seguro? Si, descartar cambios Cancelar ## Hay cambios sin guardar Si sales de la pantalla de edición sin guardar, perderás los cambios realizados. Guardar y salir Descartar cambios y salir ## Editar servicio publicado Actualmente este servicio está publicado. Los cambios realizados no serán visibles hasta que sean validados Lo sé, quiero editarlo Cancelar ## Publicar Se van a publicar todos los elementos de este servicio que están pendientes de publicación. Publicar Cancelar ## ¿Cambiar de estado a múltiples archivos? Acabas de seleccionar una gran cantidad de archivos. Si ejecutas la acción, el proceso puede tardar varios minutos. Durante el proceso **no cierres la ventana del navegador ni naveges a otra página** en esta pestaña. ¿Estás seguro de iniciar el proceso ahora? Si, comenzar proceso Cancelar ## Información [Enlace al apartado: Información#](#informacin) ### Cards [Enlace al apartado: Cards#](#cards) ### [Título card](#) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#) ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#) ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#) ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#) ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#) ### Título card Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis. [Más](#)