carbon-react/lib/components/row/definition.js

A library of reusable React components and an interface for easily building user interfaces based on Flux.

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _ = require('./');

var _2 = _interopRequireDefault(_);

var _optionsHelper = require('utils/helpers/options-helper');

var _optionsHelper2 = _interopRequireDefault(_optionsHelper);

var _definition = require('./column/definition');

var _definition2 = _interopRequireDefault(_definition);

var _definition3 = require('./../../../demo/utils/definition');

var _definition4 = _interopRequireDefault(_definition3);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var definition = new _definition4.default('row', _2.default, {
  description: 'Sets up a basic column-based UI layout.',
  associatedDefinitions: [_definition2.default],
  designerNotes: '\n* Useful to organise the UI of a page into a simple column-based layout.\n* Configure the number of columns, the margin between them, and any separators.\n  ',
  relatedComponentsNotes: '\n* Need an overall container? [Try App Wrapper](/components/app-wrapper).\n* Need a container for your primary navigation? [Try Navigation Bar](/components/navigation-bar).\n* Need a layout with controls and guidance text? [Try Settings Row](/components/settings-row).\n ',
  hiddenProps: ['children'],
  propTypes: {
    gutter: "String",
    columnDivide: "Boolean",
    columns: "String"
  },
  propDescriptions: {
    gutter: "Define how wide the gutter between the rows and columns should be.",
    columnDivide: "Enable a divider between each column.",
    columns: "Define a certain amount of columns, instead of basing it on the number of children.",
    children: "This component supports children of type Column."
  },
  propOptions: {
    gutter: _optionsHelper2.default.sizesFull
  }
});

definition.addChildByDefinition(_definition2.default, { children: '<div />' });
definition.addChildByDefinition(_definition2.default, { children: '<div />' });
definition.addChildByDefinition(_definition2.default, { children: '<div />' });
definition.addChildByDefinition(_definition2.default, { children: '<div />' });
definition.addChildByDefinition(_definition2.default, { children: '<div />' });
definition.addChildByDefinition(_definition2.default, { children: '<div />' });

exports.default = definition;