naive-ui/demo/documentation/components/button/enUS/text.md

30 lines
412 B
Markdown
Raw Normal View History

2019-12-08 17:21:44 +08:00
# Text Button
Somebody also calls it `link` button.
2019-12-08 17:21:44 +08:00
```html
<n-button
text
size="large"
>
<template v-slot:icon>
<n-icon>
<train-outline />
</n-icon>
</template>
The Engine is Still Spiting Smoke
</n-button>
```
```js
import trainOutline from 'naive-ui/lib/icons/train-outline'
export default {
components: {
trainOutline
}
}
2019-12-08 17:21:44 +08:00
```
```css
.n-button {
margin: 0 12px 8px 0;
2019-12-08 17:21:44 +08:00
}
```