Mark

import { Mark } from "@grassroot/ui-react";
 
<p>Ship the interface, <Mark>not the argument</Mark> about it.</p>
<Mark tone="teal" rotate={-2}>shipped</Mark>

<script setup lang="ts">
import { Mark } from "@grassroot/ui-vue";
</script>
 
<template>
  <Mark>not the argument</Mark>
  <Mark tone="teal" :rotate="-2">shipped</Mark>
</template>

<script lang="ts">
  import { Mark } from "@grassroot/ui-svelte";
</script>
 
<Mark>not the argument</Mark>
<Mark tone="teal" rotate={-2}>shipped</Mark>

import { Mark } from "@grassroot/ui-solid";
 
export function Example() {
  return (
    <>
      <Mark>not the argument</Mark>
      <Mark tone="teal" rotate={-2}>shipped</Mark>
    </>
  );
}