Stuff and words and stuff and words.
\nWords and stuff and words and stuff.
\n \n\n```\n\n#### 3. Add JS and init\n\n```\nimport ReadSmore from 'read-smore'\n\n// target all read more elements\nconst readMores = document.querySelectorAll('.js-read-smore')\n\n// Init\nReadSmore(readMores).init()\n```\n\n**Or, by require**\n\n```\nconst ReadSmore = require(\"read-smore\");\nconst readMores = document.querySelectorAll(\".js-read-smore\");\nReadSmore(readMores).init();\n```\n\n**Or, by CDN**\n\nTo include via CDN, find the latest UMD version at [https://unpkg.com/read-smore](https://unpkg.com/read-smore) and inlcude via script tag, like so:\n\n```\n\n```\n\n**Then, initialize**\n\n```\nconst ReadSmore = window.readSmore\n\n// target all read more elements\nconst readMoreEls = document.querySelectorAll('.js-read-smore')\n\n// Init\nReadSmore(readMoreEls).init()\n```\n\nStuff and words and stuff and words.
\nWords and stuff and words and stuff.
\n \n\n```\n\n#### Example by max character count\n\nTo truncate content by max **character** count, use the data attribute `data-read-smore-chars=\"\"` with desired value.\n\n```\nStuff and words and stuff and words.
\nWords and stuff and words and stuff.
\n \n\n```\n\n#### Example defining read more/less text via data attribute\n\nTo truncate content by max **character** count, use the data attribute `data-read-smore-chars=\"\"` with desired value.\n\n```\nStuff and words and stuff and words.
\nWords and stuff and words and stuff.
\n \n\n```\n\n#### Provide Options\n\nReadSmore supports a few options, such as editing the more/less text. See Options table below for more.\n\n```\nimport ReadSmore from 'read-smore'\n\nconst readMores = document.querySelectorAll('.js-read-smore')\n\nconst options = {\n blockClassName: 'read-more',\n moreText: 'Peep more',\n lessText: 'Peep less'\n}\n\n// Pass in options param\nReadSmore(readMores, options).init()\n```\n\n#### Inline Read More link\n\nYou can have the Read More link appear inline with the ellipsed content, as opposed to below it.\n\nNote: As of v2.2.0, required css dep was removed in favor of a pure js approach that simply applied inline styles.\n\n**1: Via `data-read-smore-inline`**\n\n```\nStuff and words and stuff and words.
\nWords and stuff and words and stuff.
\n \n\n```\n\n**2: Via Option (effects all readSmore instances**\n\n```\nconst readMores = document.querySelectorAll('.js-read-smore')\n\nconst options = {\n isInline: true\n}\n\nconst RMs = ReadSmore(readMores, options)\n```\n\n