Usage

✨ Introducing Inspira UI

<template>
  <RadiantText
    class="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-600 hover:duration-300 hover:dark:text-neutral-400"
    :duration="5"
  >
    <span class="text-3xl font-bold">✨ Introducing Inspira UI</span>
  </RadiantText>
</template>
npm
pnpm
bun
yarn
npm i -D @inspira-ui/plugins

Commands

List of Nuxt CLI commands to init, analyze, build, and preview your application.
::stack
  ::div{class="p-6 text-3xl font-bold"}
  ✨ Introducing Inspira UI
  ::
  ```vue
  <template>
    <RadiantText
      class="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-600 hover:duration-300 hover:dark:text-neutral-400"
      :duration="5"
    >
      <span class="text-3xl font-bold">✨ Introducing Inspira UI</span>
    </RadiantText>
  </template>
  ```
  :pm-install{name="@inspira-ui/plugins" save-dev}
  :read-more{title="Inspira UI Docs" to="https://inspira-ui.com/components/radiant-text"}
  ::card
  ---
  title: Commands
  icon: lucide:square-terminal
  ---
  List of Nuxt CLI commands to init, analyze, build, and preview your application.
  ::
::

Stackable components:

  • div
  • Code Blocks
  • alert
  • callout
  • read-more
  • code-group
  • code-tree
  • card
  • tabs
  • pm-install
  • pm-run
  • pm-x