Sedona-components NPM

Набор компонентов для «Седоны»

Быстрый старт

Установка

npm install sedona-components --save-dev

Подключение

// index.js
import "sedona-components/src";

// index.less
@import "~sedona-components/src/index";

Компоненты

Примеры работы и внешнего вида

Сущности

Модули

Утилиты

Шаблоны

404 страница (пример)

Принципы

Разметка тела документа

<!doctype html>

<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Заголовок страницы</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
  </head>

  <body>
    <div class="page">
      <header class="header">
        <!-- Шапка -->
      </header>

      <main class="main">
        <!-- Контент -->
      </main>

      <footer class="footer">
        <!-- Подвал -->
      </footer>
    </div>
  </body>
</html>

Логика

Каждый компонент должен ссылаться на общий компонент common и быть независимым от других.
Все модули могут вкладываться друг в друга и каждый должен лежать в ячейке модульной сетки. В свою очередь модульная сетка должна вкладываться в лейаут.

focus-visible mobile-detect

@infinitebrahmanuniverse/nolb-sed @everything-registry/sub-chunk-2727 @getsedona/vue-components

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago