sedona-components

npm install sedona-components --save-dev

Usage no npm install needed!

<script type="module">
  import sedonaComponents from 'https://cdn.skypack.dev/sedona-components';
</script>

README

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

NPM Downloads License

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

Установка

npm install sedona-components --save-dev

Подключение

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

Компоненты

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

Основа

Лейаут

Модульная сетка

Сущности

Модули

Утилиты

Шаблоны

Принципы

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

<!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 и быть независимым от других.
  • Все модули могут вкладываться друг в друга и каждый должен лежать в ячейке модульной сетки. В свою очередь модульная сетка должна вкладываться в лейаут.