markdown-tip
A markdown tip component.
features
- vuejs component
- reactjs component
- multiple-language
link css
<link rel="stylesheet" href="./node_modules/markdown-tip/dist/markdown-tip.css" />vuejs component
npm i markdown-tip-vue
import "markdown-tip-vue";or
<script src="./node_modules/vue/dist/vue.min.js"></script>
<script src="./node_modules/vue-class-component/dist/vue-class-component.min.js"></script>
<script src="./node_modules/markdown-tip-vue/dist/markdown-tip-vue.min.js"></script><markdown-tip></markdown-tip>the online demo: https://plantain-00.github.io/markdown-tip/packages/vue/demo
reactjs component
import { MarkdownTip } from "markdown-tip-react";or
<script src="./node_modules/react/umd/react.production.min.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.production.min.js"></script>
<script src="./node_modules/markdown-tip-react/dist/markdown-tip-react.min.js"></script><MarkdownTip>
</MarkdownTip>the online demo: https://plantain-00.github.io/markdown-tip/packages/react/demo
properties and events of the component
| name | type | description |
|---|---|---|
| locale | Locale? | locale object |
change logs
# v5
npm i markdown-tip
# v6
npm i markdown-tip-vue
npm i markdown-tip-react
npm i markdown-tip-angular// v5
import "markdown-tip/vue";
import { MarkdownTip } from "markdown-tip/react";
import { MarkdownTipModule } from "markdown-tip/angular";
// v6
import "markdown-tip-vue";
import { MarkdownTip } from "markdown-tip-react";
import { MarkdownTipModule } from "markdown-tip-angular";// v5
<link rel="stylesheet" href="./node_modules/markdown-tip/markdown-tip.css" />
// v6
<link rel="stylesheet" href="./node_modules/markdown-tip/dist/markdown-tip.css" />// v4 angular AOT:
import { MarkdownTipModule } from "markdown-tip/angular";
// v5 angular AOT:
import { MarkdownTipModule } from "markdown-tip/aot/angular";// v4
import "markdown-tip/vue";
import { MarkdownTip } from "markdown-tip/react";
import { MarkdownTipComponent } from "markdown-tip/angular";
// v3
import "markdown-tip/dist/vue";
import { MarkdownTip } from "markdown-tip/dist/react";
import { MarkdownTipComponent } from "markdown-tip/dist/angular";// v3
locale is an object that can be imported dynamicly
// v2
locale is a string// v1
<link rel="stylesheet" href="./node_modules/markdown-tip/dist/index.css" />
// v2
<link rel="stylesheet" href="./node_modules/markdown-tip/dist/markdown-tip.css" />