Code for Vaadin Docs Example

thyagarajaa · February 12, 2026, 3:42pm

Hi all,

Just wondering if anyone knows where I can find the code for this example in the AppLayout styling guide.

I am trying to build an application that looks similar.

Thanks
AT

SimonMartinelli · February 12, 2026, 6:04pm

Try an AI agent and use the Vaadin MCP server

anezthes · February 12, 2026, 6:26pm

Demo:
https://vaadin.github.io/web-components/aura.html

Source:

github.com

vaadin/web-components/blob/main/dev/aura/dashboard-view.js

import '@vaadin/charts';
import '@vaadin/dashboard/vaadin-dashboard-layout.js';
import '@vaadin/dashboard/vaadin-dashboard-widget.js';
import '@vaadin/grid';
import '@vaadin/horizontal-layout';
import '@vaadin/icon';
import '@vaadin/scroller';
import '@vaadin/tabs';
import '@vaadin/text-field';
import '@vaadin/vertical-layout';
import { html, render } from 'lit';

function initView(view) {
  const grid = view.querySelector('vaadin-grid');
  grid.items = [
    {
      symbol: 'ZEN',
      company: 'ZenCore Technologies',
      price: '$98.40',
      change: '+1.22',

This file has been truncated. show original