Utilisation

Offer actions to a screen reader.

tsx
// Offer actions to a screen reader.
import { HStack, Text, signal, type StandardAccessibilityAction } from 'kuito';

const quantity = signal(1);
// Screen readers offer these on an adjustable view: swipe up or down.
const adjust: { name: StandardAccessibilityAction }[] = [
  { name: 'increment' },
  { name: 'decrement' },
];

<HStack
  role="slider"
  label="Quantity"
  aria-valuenow={quantity.value}
  actions={adjust}
  onAction={(event) =>
    (quantity.value = Math.max(0, quantity.value + (event.actionName === 'increment' ? 1 : -1)))
  }
>
  <Text>{quantity.value}</Text>
</HStack>;

Déclaration du type

ts
export type StandardAccessibilityAction =
  | 'activate'
  | 'increment'
  | 'decrement'
  | 'longpress'
  | 'magicTap'
  | 'escape';

Type

ts
"longpress" | "activate" | "increment" | "decrement" | "magicTap" | "escape"
Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.