Просмотр исходного кода

create a GridDivisionMenu Component

kaoritokashiki 5 лет назад
Родитель
Сommit
76161e15e0
1 измененных файлов с 51 добавлено и 0 удалено
  1. 51 0
      src/client/js/components/PageEditor/GridMenu.jsx

+ 51 - 0
src/client/js/components/PageEditor/GridMenu.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class GridDivisionMenu extends React.Component {
+
+  render() {
+    return (
+      <div className="container">
+        <div className="row">
+          <div className="col-4 text-center">
+            2分割
+            <a className="dropdown-item" href="#">
+              <div className="row">
+                <span className="badge-info col-6 border">6</span>
+                <span className="badge-info col-6 border">6</span>
+              </div>
+            </a>
+          </div>
+          <div className="col-4 text-center">
+            3分割
+            <a className="dropdown-item" href="#">
+              <div className="row">
+                <span className="badge-info col-4 border">4</span>
+                <span className="badge-info col-4 border">4</span>
+                <span className="badge-info col-4 border">4</span>
+              </div>
+            </a>
+          </div>
+          <div className="col-4 text-center">
+            4分割
+            <a className="dropdown-item" href="#">
+              <div className="row">
+                <span className="badge-info col-3 border">3</span>
+                <span className="badge-info col-3 border">3</span>
+                <span className="badge-info col-3 border">3</span>
+                <span className="badge-info col-3 border">3</span>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+}
+
+GridDivisionMenu.propTypes = {
+  t: PropTypes.func.isRequired,
+};
+
+export default GridDivisionMenu;