diegohaz

// notifications.tsx
import * as Ariakit from "@ariakit/react";

interface Item extends Ariakit.NotificationStoreItem {
  onUndo?: () => void;
}

export function useNotification() {
  const notification = Ariakit.useNotificationContext();
  if (!notification) {

diegohaz

import {
  queryByLabelText,
  queryByRole,
  queryByText,
} from "@testing-library/dom";
import type { ByRoleOptions, Matcher } from "@testing-library/dom";

const roles = [
  "alert",
  "alertdialog",

diegohaz

Update: Ariakit Styles is in alpha. If you want to try it, join us on Discord (see the #news channel).

Ariakit Styles

• Motivation
  • Styles are not very portable
  • Styles don't serve as a reference
  • Styles don't highlight fundamental issues
• Ideal requirements
• User customization