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

Toast

Las toast son mensajes que normalmente aparecen en la parte inferior de la pantalla, para no interrumpir al usuario, que proporcionan información rápida sobre alguna acción.

Descarga la librería LDDescarga la librería SD


Tipos

En el Sistema de Diseño de Repsol existen cinco tipos tanto para large device como small device.

Además, se han establecido dos tamaños para cada dispositivo, dependiendo de la longitud del mensaje que queramos mostrar o lo inmersivo que queremos que sea dicho mensaje, es decir, si le damos más importancia o menos.

1. Neutral: se utilizan para mensajes informativos con menos importancia. Por ejemplo, "Mensaje enviado".

2. Info: se utilizan para dar información del sistema al usuario tras realizar éste una acción.

3. Success: si la tarea o acción que está desempeñando el usuario se realiza correctamente, se mostrará de color verde.

4. Error: cuando alguna acción o una tarea completa se haya desempeñado de manera errónea, el mensaje aparecerá en rojo.

4. Warning: si la acción tiene una connotación de riesgo, se le avisará al usuario mediante un toast amarillo al realizar la tarea.

Toast - RDS


Recomendaciones de Uso

  • Se debe usar para mensajes cortos como confirmar una acción.
  • No utilizar si queremos informar al usuario sobre una acción o evento fuera de su vista o de la página, en ese caso utilizar una notificación.
  • Aunque haya toast para mensajes de error, será el caso menos utilizado, pues generalmente se usa para dar información al usuario.

Estilos


Color

Toast - RDS


Tipografía

Toast - RDS

← TabsTooltip →
  • Tipos
  • Recomendaciones de Uso
  • Estilos
    • Color
    • Tipografía
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