{"_id":"@charliedodds/yoopta-callout","name":"@charliedodds/yoopta-callout","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@charliedodds/yoopta-callout","version":"1.0.0","description":"Callout plugin for Yoopta Editor","author":{"name":"Darginec05","email":"devopsbanda@gmail.com"},"homepage":"https://github.com/Darginec05/Editor-Yoopta#readme","license":"MIT","private":false,"main":"dist/index.js","type":"module","module":"dist/index.js","types":"./dist/index.d.ts","peerDependencies":{"@yoopta/editor":">=4.0.0","react":">=17.0.2","react-dom":">=17.0.2"},"scripts":{"test":"node ./__tests__/yoopta-callout.test.js","start":"rollup --config rollup.config.js --watch --bundleConfigAsCjs --environment NODE_ENV:development","prepublishOnly":"yarn build","build":"rollup --config rollup.config.js --bundleConfigAsCjs --environment NODE_ENV:production"},"_id":"@charliedodds/yoopta-callout@1.0.0","gitHead":"d8945b023870333124586264d9db00c137e7b75b","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-x+H2UZw5gqWEJKl4mePaq8jIJ3hA2YB+6xESUWSaDqX0A7i6+QpN8byjq+glL5gRyzeIFtrAQc00lwu+W49AoA==","shasum":"0967c1195c750c410ab86b3964411355d41ef514","tarball":"https://registry.npmjs.org/@charliedodds/yoopta-callout/-/yoopta-callout-1.0.0.tgz","fileCount":18,"unpackedSize":31738,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4RRqmtSDwP9ZDzVfI0aNmONM8LfqASHsu68yx7gBXDAIgSB8JsEx1S6JxCSnFftFvYlLjxulum64pRDAUhf8U9k4="}]},"_npmUser":{"name":"charliedodds","email":"charlesgdodds@hotmail.co.uk"},"directories":{},"maintainers":[{"name":"charliedodds","email":"charlesgdodds@hotmail.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/yoopta-callout_1.0.0_1727872345759_0.3537095780221895"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-02T12:32:25.660Z","1.0.0":"2024-10-02T12:32:25.913Z","modified":"2024-10-02T12:32:26.234Z"},"maintainers":[{"name":"charliedodds","email":"charlesgdodds@hotmail.co.uk"}],"description":"Callout plugin for Yoopta Editor","homepage":"https://github.com/Darginec05/Editor-Yoopta#readme","author":{"name":"Darginec05","email":"devopsbanda@gmail.com"},"license":"MIT","readme":"# Callout plugin\n\nCallout is plugin for Yoopta-Editor\n\n### Installation\n\n```bash\nyarn add @yoopta/callout\n```\n\n### Usage\n\n```jsx\nimport Callout from '@yoopta/callout';\n\nconst plugins = [Callout];\n\nconst Editor = () => {\n  return <YooptaEditor plugins={plugins} />;\n};\n```\n\n### Default classnames\n\n- .yoopta-callout\n- .yoopta-callout-theme-['default' | 'success' | 'warning' | 'error' | 'info']\n\n### Default options\n\n```js\nconst Callout = new YooptaPlugin({\n  options: {\n    display: {\n      title: 'Callout',\n      description: 'Make writing stand out',\n    },\n    shortcuts: ['<'],\n  },\n});\n```\n\n### How to extend\n\n```tsx\nconst plugins = [\n  Callout.extend({\n    renders: {\n      callout: (props) => <YourCustomComponent {...props} />\n    },\n    options: {\n      shortcuts: [`<your custom shortcuts>`],\n      display: {\n        title: `<your custom title>`,\n        description: `<your custom description>`,\n      },\n      HTMLAttributes: {\n        className: '<your classname>',\n        // ...other HTML attributes\n      },\n    },\n  });\n];\n```\n","readmeFilename":"README.md"}