Макет страницы

import { Layout } from '@megafon/ui-lk-vas';

Примеры и код
Свойства и методы

Базовое использование


      <Layout 
          header={
              <Header 
                  lkSelect={lkSelect}
                  account={account}
              />
          }
          navBar={
              <NavBar
                  items={navbarItems}
                  button={navbarButton}
              />
          }
      >
          <h4>Область расположения контента</h4>
          <p>Область расположения контента</p>
      </Layout>

С переполнением контента


      <Layout 
          header={
              <Header 
                  lkSelect={lkSelect}
                  account={account}
              />
          }
          navBar={
              <NavBar
                  items={navbarItems}
                  button={navbarButton}
              />
          }
      >
          
          <h4>Область расположения контента</h4>
          <p>Область расположения контента</p>
          <div style={{ height: '2000px', 'background-color': '#f1f1f1', padding: '20px', 'margin-top': '20px' }}>
              Пример контента с большой высотой
          </div>
      </Layout>

С нижней навигационной панелью


      <Layout 
          header={
              <Header 
                  lkSelect={lkSelect}
                  account={account}
              />
          }
          navBar={
              <NavBar
                  items={navbarItems}
                  button={navbarButton}
              />
          }
      >
          
          <h4>Область расположения контента</h4>
          <p>Область расположения контента</p>
          <div style={{ height: '2000px', 'background-color': '#f1f1f1', padding: '20px', 'margin-top': '20px' }}>
              Пример контента с большой высотой
          </div>
          <BottomBar
              actionButtonTitle="Далее"
              onActionButtonClick={() => undefined}
              onBackButtonClick={() => undefined}
          />
      </Layout>