@youcan/ui-vue3/src/components/RichText/types.ts

YouCan Vue3 components library

export type ToolbarOption =
  | 'bold'
  | 'italic'
  | 'underline'
  | 'strike'
  | { color: string[] }
  | { background: string[] }
  | { header: (false | 1 | 2 | 3 | 4)[] }
  | { align: string[] }
  | { list: 'ordered' | 'bullet' }
  | 'undo'
  | 'redo'
  | { indent: '-1' | '+1' }
  | { direction: 'rtl' | 'ltr' }
  | 'code-block'
  | 'link'
  | 'video'
  | 'image';

export type TextAlignmentType = 'right' | 'center' | 'left';

export interface RichTextProps {
  modelValue: string
  disabled?: boolean
  error?: boolean
  placeholder?: string
  textAlignment?: TextAlignmentType
  toolbar?: ToolbarOption[]
}