Callouts · KeenPureAdmin

Primary Callout - Use this for highlighting important information related to the main topic.

Secondary Callout - Use this for supplementary or less critical information.

Success Callout - Use this to highlight successful outcomes or positive tips.

Danger Callout - Use this to warn about critical issues or destructive actions.

Warning Callout - Use this to caution users about potential problems or deprecated features.

Info Callout - Use this for helpful tips, hints, or additional context.

Nota

This is an informational callout with a heading. Use headings to make important callouts more scannable.

Aviso de obsolescencia

This API endpoint will be removed in version 3.0. Please migrate to the new endpoint.

Cambio incompatible

The response format has changed. See the migration guide for details on updating your integration.

Buena práctica

Always validate user input before processing. This prevents security vulnerabilities and improves reliability.

i

Pro Tip: You can use keyboard shortcuts to speed up your workflow. Press Ctrl+K to open the command palette.

!

Caution: Make sure to backup your data before proceeding with this operation.

x

Critical: This action cannot be undone. All associated data will be permanently deleted.

v

Verified: This component has been tested and approved for production use.

Requisitos previos

Before you begin, make sure you have:

Node.js 18 or higher installed
npm or yarn package manager
A code editor (VS Code recommended)
Basic knowledge of JavaScript

Limitaciones conocidas

Please be aware of these current limitations:

Maximum file size is 10MB
Concurrent uploads limited to 5
Some formats not yet supported
Mobile optimization in progress

Color 1 - Theme color slot 1 callout.

Color 2 - Theme color slot 2 callout.

Color 3 - Theme color slot 3 callout.

Color 4 - Theme color slot 4 callout.

Color 5 - Theme color slot 5 callout.

Color 6 - Theme color slot 6 callout.

Color 7 - Theme color slot 7 callout.

Color 8 - Theme color slot 8 callout.

Color 9 - Theme color slot 9 callout.

Small Callout - Compact size for inline tips or short notes.

Default Callout - Standard size suitable for most use cases.

Large Callout - Use this for prominent callouts that need extra emphasis and breathing room.

Inicio rápido

Install the package using npm:

npm install @keenmate/pure-admin-core

Then import the styles in your SCSS:

@import '@keenmate/pure-admin-core/src/scss/main';

Nota de migración

If upgrading from v0.x, replace pa-alert--callout with the new pa-callout class. The old class is deprecated and will be removed in v2.0.

Más información

For detailed documentation on all available components, visit the Buttons and Cards documentation.

Need help? Check out our Dashboard or join the community for support.

Tip: Use keyboard shortcuts for faster navigation.

Note: This feature requires admin privileges.

Alert: Scheduled maintenance tonight.

Aviso

Documentation-style, left border accent, for static content

Callouts are best for documentation, tips, and static informational content that doesn't require user action.

Alerta

Full background, dismissible, for dynamic feedback

Alerts are best for dynamic feedback, notifications, and messages that may require user action or dismissal.

Nueva tarea asignada

Compilación completada

Mantenimiento del servidor

Llamadas básicas

Llamadas con encabezados

Nota

Aviso de obsolescencia

Cambio incompatible

Buena práctica

Avisos con iconos

Avisos con listas

Requisitos previos

Limitaciones conocidas

Avisos de color del tema

Tamaños de aviso

Avisos con código

Inicio rápido

Nota de migración

Avisos con enlaces

Más información

Llamadas en diseño de cuadrícula

Avisos frente a alertas

Aviso

Alerta

John Doe

Configuración