LexicalEditor — usage examples

Not on npm yet

@rozie-ui/lexical is not yet on npm for any framework target — it is still in dogfooding across all six.

LexicalEditor is designed to ship as six pre-compiled, per-framework packages from a single .rozie source, but none has published to npm yet. The snippets below show the idiomatic consumption code for each target's workspace build — for review, not yet installable.

Usage

tsx

// @rozie-ui/lexical-react is not yet published to npm — this shows the workspace build, for review only.
import { LexicalEditor } from '@rozie-ui/lexical-react';

export function Editor() {
  return <LexicalEditor ariaLabel="Post body" />;
}

vue

<!-- @rozie-ui/lexical-vue is not yet published to npm — this shows the workspace build, for review only. -->
<script setup lang="ts">
import LexicalEditor from '@rozie-ui/lexical-vue';
</script>

<template>
  <LexicalEditor aria-label="Post body" />
</template>

svelte

<!-- @rozie-ui/lexical-svelte is not yet published to npm — this shows the workspace build, for review only. -->
<script lang="ts">
  import LexicalEditor from '@rozie-ui/lexical-svelte';
</script>

<LexicalEditor ariaLabel="Post body" />

// @rozie-ui/lexical-angular is not yet published to npm — this shows the workspace build, for review only.
import { Component } from '@angular/core';
import { LexicalEditor } from '@rozie-ui/lexical-angular';

@Component({
  selector: 'app-editor',
  standalone: true,
  imports: [LexicalEditor],
  template: `<LexicalEditor ariaLabel="Post body" />`,
})
export class EditorComponent {}

tsx

// @rozie-ui/lexical-solid is not yet published to npm — this shows the workspace build, for review only.
import { LexicalEditor } from '@rozie-ui/lexical-solid';

export function Editor() {
  return <LexicalEditor ariaLabel="Post body" />;
}

LexicalEditor — usage examples ​

Usage ​

See also ​

LexicalEditor — usage examples

Usage

See also