Inline Text

PreviousNext

An example of the inline text component with an icon slot.

Docs
alexcarpenterblock

Preview

Loading preview…
registry/examples/inline-text-01.tsx
import { InlineText, InlineTextIcon } from "@/registry/default/ui/inline-text"
import { ExternalLink } from "lucide-react"

export function ExampleInlineText01() {
  return (
    <p className="max-w-md">
      <InlineText asChild className="text-primary">
        <a href="">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
          quos.
          <InlineTextIcon>
            <ExternalLink />
          </InlineTextIcon>
        </a>
      </InlineText>
    </p>
  )
}

Installation

npx shadcn@latest add @alexcarpenter/example-inline-text-01

Usage

import { ExampleInlineText01 } from "@/components/example-inline-text-01"
<ExampleInlineText01 />