Input Math

This component is a wrapper for Mathlive. It adds some schoolkit sugar on top of the editor.

Example Usage

Example

Content: \sqrt4+\frac{5}{12}

<template>
  <ClientOnly>
    <sk-input-math v-model="value" placeholder="Formel" /><br />
    <sk-input-math v-model="value" /></ClientOnly
  ><br />
  Content: {{ value }}
</template>

<script setup>
import { ref } from 'vue';

const value = ref('\\sqrt4+\\frac{5}{12}');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	ref	null	The value to edit
styleName	ref	sk-input p-inputtext	Add custom style for the InputMath
placeholder	ref	null	Add a placeholder

Events

Name	Parameters	Description
@input	event	the payload of the input

Slots

Name	Parameters	Description