600 West

Paragraph 

<p id="" class="">
    Porro quia non voluptatem. Ullam praesentium reiciendis sed molestias. Et non provident nostrum sed dolor sapiente totam maiores. Aut aut vero et ea quos iste. Laborum officia laboriosam culpa. Beatae excepturi quae. Vero possimus laboriosam alias consequuntur
    earum. A libero eveniet. Quis quia aut quo exercitationem eaque omnis a placeat. Et necessitatibus iusto consequuntur iure unde. Accusamus inventore ut minima non deserunt.
</p>
 
<p id="{{id}}" class="{{modifier}}" {{#if style}}style="{{style}}"{{/if}}>
    {{{text}}}
    {{> @children}}
</p>
 
{
  "id": null,
  "text": "Porro quia non voluptatem. Ullam praesentium reiciendis sed molestias. Et non provident nostrum sed dolor sapiente totam maiores. Aut aut vero et ea quos iste. Laborum officia laboriosam culpa. Beatae excepturi quae. Vero possimus laboriosam alias consequuntur earum. A libero eveniet. Quis quia aut quo exercitationem eaque omnis a placeat. Et necessitatibus iusto consequuntur iure unde. Accusamus inventore ut minima non deserunt.",
  "style": null
}
  • Content: 
    const React = require('react');
const cx = require('classnames');
const render = require('../../../helpers/render').render;

const Paragraph = ({modifier, style, text, children}) => {
    return (
        <p
            className={cx([modifier]) || null}
        >
            {text}
            {render(children)}
        </p>
    );
};

module.exports = Paragraph;
  • URL: /components/raw/p/Paragraph.jsx
  • Filesystem Path: components/atoms/Paragraph/Paragraph.jsx
  • Size: 367 Bytes

There are no notes for this item.