Inline Text
alexcarpenter/example-inline-text-01FreeBlock
An example of the inline text component with an icon slot.
Install it
npx shadcn@latest add https://ui.alexcarpenter.me/r/example-inline-text-01.jsonSource
1import { InlineText, InlineTextIcon } from "@/registry/default/ui/inline-text"2import { ExternalLink } from "lucide-react"34export function ExampleInlineText01() {5 return (6 <p className="max-w-md">7 <InlineText asChild className="text-primary">8 <a href="">9 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,10 quos.11 <InlineTextIcon>12 <ExternalLink />13 </InlineTextIcon>14 </a>15 </InlineText>16 </p>17 )18}
What it pulls in
npm packages
Files it writes
More from alexcarpenter
All 6 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Info List without headerexample-info-list-01 | alexcarpenter | Blocks | Free | 1 dep | |
| Pricing Tableexample-pricing-table-01 | alexcarpenter | Blocks | Free | 1 dep |
