Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A31
width100%
frameborderhide
height400px

Navbar

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A34
width100%
frameborderhide
height400px

App Bar

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A30
width100%
frameborderhide
height400px

Counter

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A10
width100%
frameborderhide
height400px

Drawer

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A33
width100%
frameborderhide
height400px

Menu

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A4
width100%
frameborderhide
height400px

Pagination

Iframe
srchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A19
width100%
frameborderhide
height400px

Tabs

Iframesrchttps://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%3A24width100%frameborderhideheight400px

El componente Navigation permite tener acceso directo al contenido mas relevante.

Image Added

Image Added

El componente App Bar es utilizado para mostrar información y permire realizar una acción al usuario en relaión a la página actual.

Image Added

Los componentes Counter son utilizados como una especie de input numérico, tienen la capacidad de aumentar o reducir un valor.

Image Added

Image Added

Menú de uso contextual, también puede ser usado en Drop List.

Image Added

Los controles de Paginación proporcionan acceso rápido a todas las páginas, mientras que indican que existen más páginas.

Image Added

Los componentes Tabs son utilizados para organizar el contenido y permite una navegación mas ordenada.

Image Added

Los componentes Progress son utilizados para representar avance o progreso en cualquier contexto.

Image Added