Blockquote

import { Blockquote } from "@grassroot/ui-react";
 
export default function BlockquoteDemo() {
  return <Blockquote>One render plan, five framework adapters.</Blockquote>;
}

<script setup lang="ts">
import { Blockquote } from "@grassroot/ui-vue";
</script>
 
<template>
  <Blockquote>One render plan, five framework adapters.</Blockquote>
</template>

import { Component } from "@angular/core";
import { GrassrootBlockquote } from "@grassroot/ui-angular";
 
@Component({
  selector: "app-blockquote-demo",
  standalone: true,
  imports: [GrassrootBlockquote],
  host: { style: "display: contents" },
  template: `<grassroot-blockquote>One render plan, five framework adapters.</grassroot-blockquote>`,
})
export class BlockquoteDemoComponent {}
 
export default BlockquoteDemoComponent;

<script lang="ts">
  import { Blockquote } from "@grassroot/ui-svelte";
</script>
 
<Blockquote>One render plan, five framework adapters.</Blockquote>

/** @jsxImportSource solid-js */
import { Blockquote } from "@grassroot/ui-solid";
 
export default function BlockquoteDemo() {
  return <Blockquote>One render plan, five framework adapters.</Blockquote>;
}