Feedback
Disponible
El componente Feedback es una pantalla de estado que comunica el resultado de una acción crítica al usuario. Se utiliza para interrumpir el flujo de forma intencionada y confirmar que algo ocurrió ya sea con éxito, con un error recuperable o con un bloqueo permanente. Ocupa el centro de la pantalla y requiere atención explícita del usuario antes de continuar.
Vas a tener que volver a intentarlo
Disculpá, tuvimos un problema y no pudimos crear el negocio. Los datos están disponibles. Volvé a intentarlo.
Importación
Paso 1: importá estilos globales y el componente desde la librería.
TypeScript
1import 'nave-ui-library/styles.css'2 import { Feedback } from 'nave-ui-library/react'Quick Start
Ejemplo base listo para copiar y pegar en una pantalla real.
Vas a tener que volver a intentarlo
Disculpá, tuvimos un problema y no pudimos crear el negocio. Los datos están disponibles. Volvé a intentarlo.
API Reference
Props principales del componente Feedback.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Feedback title. |
description | string | — | Feedback description. |
img | string | — | URL image. |
size | string | small | small | medium. |
btnPrimary | string | — | Primary button label. |
btnSecondary | string | — | Secondary button label. |
onClickPrimary | () => void | — | Callback function that is activated when the primary button is clicked. |
onClickSecondary | () => void | — | Callback function that is activated when the secondary button is clicked. |
tokensreq | Partial<ThemeTokensBase> | — | Overrides locales de estilo/tokens por instancia. |
Registry
Ver configuración técnica del registro
JSON
1{2 "name": "Feedback",3 "description": "Componente que comunica el resultado de una acción crítica al usuario.",4 "component": "Feedback",5 "files": [6 "components/base/data-display/system-feedback/Feedback.tsx"7 ],8 "dependencies": [9 "react"10 ],11 "props": {12 "title": {13 "type": "string",14 "required": true,15 "description": "Feedback title."16 },17 "description": {18 "type": "string",19 "required": true,20 "description": "Feedback description."21 },22 "img": {23 "type": "string",24 "description": "URL image."25 },26 "size": {27 "type": "string",28 "default": "small",29 "description": "small | medium."30 },31 "btnPrimary": {32 "type": "string",33 "description": "Primary button label."34 },35 "btnSecondary": {36 "type": "string",37 "description": "Secondary button label."38 },39 "onClickPrimary": {40 "type": "() => void",41 "required": true,42 "description": "Callback function that is activated when the primary button is clicked."43 },44 "onClickSecondary": {45 "type": "() => void",46 "required": true,47 "description": "Callback function that is activated when the secondary button is clicked."48 }49 }50}