Alert - Pharen

Use Alert to communicate an important inline message. This page covers every Vue component exported by the public module.

View code

<script setup lang="ts">
import { Alert, AlertDescription, AlertTitle } from '@pharen/ui';
</script>

<template>
  <Alert>
    <AlertTitle>Changes saved</AlertTitle>
    <AlertDescription>Your workspace settings are up to date.</AlertDescription>
  </Alert>
</template>

Installation

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Import @pharen/ui/styles.css exactly once in your application entrypoint.

Usage

import { Alert, AlertAction, AlertContent, AlertDescription, AlertIcon, AlertTitle, AlertToolbar } from '@pharen/ui';

Exports

Export	Purpose
`Alert`	Exported Vue component from this module.
`AlertAction`	Exported Vue component from this module.
`AlertContent`	Contains the visible content.
`AlertDescription`	Renders supporting description.
`AlertIcon`	Exported Vue component from this module.
`AlertTitle`	Renders the accessible title.
`AlertToolbar`	Exported Vue component from this module.

Source

Open the source on GitHub