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