Page Comparison

Nav y Navbar

Pagination

Breadcrumb

Progress indicator (stepper)

Link

TabsNavigation

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A31
width	100%
frameborder	hide
height	400px

Navbar

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A34
width	100%
frameborder	hide
height	400px

App Bar

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A30
width	100%
frameborder	hide
height	400px

Counter

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A10
width	100%
frameborder	hide
height	400px

Drawer

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A33
width	100%
frameborder	hide
height	400px

Menu

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A4
width	100%
frameborder	hide
height	400px

Progress

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A19
width	100%
frameborder	hide
height	400px

Scrollbar

Iframe

src	https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FOyzFk4aIgtOuASyfA9QnYv%2FDesign-System%3Fnode-id%3D361%253A6
width	100%
frameborder	hide
height	400px

Versions Compared