Toast

A succinct message that is displayed temporarily.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add toast

Remember to add the <UiToastToaster /> component to your app layout.

<template>
  <div>
    <NuxtLoadingIndicator />
    <NuxtPage />
    <UiToastToaster />
  </div>
</template>

Textarea

Displays a form textarea or a component that looks like a textarea.

Toggle

A two-state button that can be either on or off.