AI Native UI Kit
Components

Inline Action

A block of content with a floating contextual AI action.

If people bring so much courage to this world the world has to kill them to break them, so of course it kills them.

Installation

npx shadcn@latest add https://ai-native-ui.com/r/inline-action.json

Usage

import { InlineAction } from "@/components/ui/inline-action";

<InlineAction label="Improve Writing" onAction={() => rewrite()}>
  {selectedText}
</InlineAction>;

Props

PropTypeDescription
childrenReactNodeThe content the action applies to.
labelstringAction button label.
iconReactNodeLeading icon.
onAction() => voidFires when the action is clicked.

On this page