Skip to content

RichText

RichText Component: Enables input and display of formatted text with styling options like bold, italic, colors, and hyperlinks for dynamic user interfaces.

Important

Ensure that your unocss.config.ts file is properly configured. Refer to: Safelisting Icon Classes

Usage

vue
<script setup lang="ts">
import { ref } from 'vue';
import { RichText } from '@youcan/ui-vue3';

const content = ref();
</script>

<template>
  <RichText v-model="content" />
</template>

API Reference

Note

colors is an array of Youcan UI colors