planetazuzu
5d7a6500fe
- ✅ Ticket 1.1: Estructura Clean Architecture en backend - ✅ Ticket 1.2: Schemas Zod compartidos - ✅ Ticket 1.3: Refactorización drugs.ts (1362 → 8 archivos modulares) - ✅ Ticket 1.4: Refactorización procedures.ts (3583 → 6 archivos modulares) - ✅ Ticket 1.5: Eliminación de duplicidades (~50 líneas) Cambios principales: - Creada estructura Clean Architecture en backend/src/ - Schemas Zod compartidos en backend/src/shared/schemas/ - Refactorización modular de drugs y procedures - Utilidades genéricas en src/utils/ (filter, validation) - Eliminados scripts obsoletos y documentación antigua - Corregidos errores: QueryClient, import test-error-handling - Build verificado y funcionando correctamente
34 lines
867 B
Markdown
34 lines
867 B
Markdown
https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0
|
|
|
|
[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).
|
|
|
|
## Usage
|
|
|
|
To start using the library, install it in your project:
|
|
|
|
```bash
|
|
npm install sonner
|
|
```
|
|
|
|
Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
|
|
After that you can use `toast()` from anywhere in your app.
|
|
|
|
```jsx
|
|
import { Toaster, toast } from 'sonner';
|
|
|
|
// ...
|
|
|
|
function App() {
|
|
return (
|
|
<div>
|
|
<Toaster />
|
|
<button onClick={() => toast('My first toast')}>Give me a toast</button>
|
|
</div>
|
|
);
|
|
}
|
|
```
|
|
|
|
## Documentation
|
|
|
|
Find the full API reference in the [documentation](https://sonner.emilkowal.ski/getting-started).
|