VpContainer 容器

这是一个基于 VitePress 容器进行封装的组件，效果和 VitePress 容器一致。

基础用法

信息

这是一个信息容器

提示

这是一个提示容器

警告

这是一个警告容器

危险

这是一个危险容器

提示

这是一个自定义插槽内容容器

<script setup lang="ts">
import { TkVpContainer } from "vitepress-theme-teek";
</script>

<template>
  <TkVpContainer type="info" title="信息" text="这是一个信息容器" />
  <TkVpContainer type="tip" title="提示" text="这是一个提示容器" />
  <TkVpContainer type="warning" title="警告" text="这是一个警告容器" />
  <TkVpContainer type="danger" title="危险" text="这是一个危险容器" />

  <TkVpContainer>
    <template #title>提示</template>
    这是一个自定义插槽内容容器
  </TkVpContainer>
</template>

隐藏源代码

API

属性

属性名	说明	类型	默认值
type	类型	info / tip / warning / danger	tip
title	标题	string	—
text	文本	string	—

插槽

插槽名	说明
default	文本，覆盖 props 传来的 text