markdown-tip v7.1.0

markdown-tip

A markdown tip component.

features

• vuejs component
• reactjs component
• angular 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

angular component

import { MarkdownTipModule } from "markdown-tip-angular";

@NgModule({
    imports: [BrowserModule, FormsModule, MarkdownTipModule],
    declarations: [MainComponent],
    bootstrap: [MainComponent],
})
class MainModule { }

<markdown-tip>
</markdown-tip>

the online demo: https://plantain-00.github.io/markdown-tip/packages/angular/demo/jit

the AOT online demo: https://plantain-00.github.io/markdown-tip/packages/angular/demo/aot

properties and events of the component

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" />