CloseButton

Botón cuadrado de 36px con la X, para cerrar modales, alertas y notificaciones.

Cuándo usarlo

Props. onClick, label (por defecto "Cerrar"). Icono en fg-quaternary, hover bg-primary_hover. Se coloca arriba a la derecha a spacing-xl del borde.

Ejemplos

Props

Prop	Tipo	Por defecto	Descripción
`label`	`string`	`Cerrar`	Nombre accesible. Por defecto, "Cerrar".

Código

import { CloseButton } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<CloseButton label="Cerrar aviso" />
		</>
	);
}

---
import { CloseButton } from "@jotis-me/react";
---

<CloseButton label="Cerrar aviso" />

Para que cierre algo necesita onClick: úsalo dentro del componente interactivo que lo contiene.