magma

magma

  • Matter
  • CLI
  • API
  • Help
  • Blog
  • Resources

›Transaction-focused

Matter

  • Digital Substance

Primitives

  • Typography
  • Text Tokens
  • Color
  • Color Tokens
  • Icons
  • Grid
  • Spacing
  • Elevation

Components

    Transaction-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button Group
    • Button
    • Callout
    • Checkbox
    • Date Picker
    • Date Time Picker
    • Dropdown Menu
    • Filter Search
    • Filter Tags
    • Input Text
    • Link
    • Pagination
    • Progress Indicator
    • Radio Button
    • Rating
    • Select
    • Slider
    • Spinner
    • Tabs
    • Toast
    • Tooltip

    Content-focused

    • Core Editorial
    • Autoría

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • footer

    Other

    • Orden de trabajo
    • Otros

Patterns

  • This is document number 3

Alert Box

Descarga la librería LD Descarga la librería SD

Los componentes AlertBox o de notificación alertan sobre eventos específicos.
Las notificaciones se utilizan para informar a los usuarios sobre cosas notables, como una solicitud de aprobación o una nueva actividad relevante. Suelen tener distintos niveles de prioridad.

Recomendaciones de uso

  • Debe utilizarse como un mensaje de validación que alerta a alguien de que simplemente hizo algo que debe corregirse o como confirmación de que una tarea se completó con éxito.
  • También puede usarse como una llamada o notificación de información importante u oportuna. Esto incluye errores, advertencias e información general.
  • No se debe abusar de notificaciones, demasiadas notificaciones abrumarán o molestarán al usuario y es probable que se ignoren.
  • Escribe el mensaje en un lenguaje conciso, legible por humanos; Evitar la jerga y el código informático.
  • Cuando se requiere que el usuario haga algo en respuesta a una alerta, hazle saber lo que necesita hacer de la forma más clara posible.

Tipos de alertas

  • Notificaciones

Alert Notification - RDS

  • Fichas

Alert Fichas - RDS

  • Otros Mapas

Alert Maps - RDS

  • Mapas tipo Esri

Alert Maps Esri - RDS

Tipos de alertas

Los distintos niveles de prioridad vienen marcados por los colores :

Prioridad alta
    {% set colors = [
      "#E4002B"
    ]%}
    
    {% for hex in colors %}
    {% include 'components/color-swatch/color-swatch.njk'%}
    {% endfor %}
Prioridad media
    {% set colors = [
      "#FFB81C"
    ]%}
  
    {% for hex in colors %}
    {% include 'components/color-swatch/color-swatch.njk'%}
    {% endfor %}
Prioridad baja
    {% set colors = [
      "#6A972C"
    ]%}
  
    {% for hex in colors %}
    {% include 'components/color-swatch/color-swatch.njk'%}
    {% endfor %}
← AccordionAvatar →
  • Recomendaciones de uso
  • Tipos de alertas
  • Tipos de alertas
magma
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Secuoyas Experience SLU