|
1 |
| -import { component$, $ } from '@builder.io/qwik'; |
| 1 | +import { component$ } from '@builder.io/qwik'; |
2 | 2 |
|
3 | 3 | type KBInteractionTableRowProps = {
|
4 | 4 | keyTitle: string;
|
5 | 5 | description: string;
|
6 | 6 | };
|
7 | 7 |
|
8 |
| -const SAMPLE_DATA = { |
9 |
| - title: { key: 'Key', deck: 'Description' }, |
10 |
| - keys: [ |
11 |
| - { |
12 |
| - id: crypto.randomUUID(), |
13 |
| - title: 'Space', |
14 |
| - description: $(() => <>Close a dialog or cancel an action.</>), |
15 |
| - }, |
16 |
| - { |
17 |
| - id: crypto.randomUUID(), |
18 |
| - title: 'Enter', |
19 |
| - description: $(() => ( |
20 |
| - <> |
21 |
| - Moves focus to the next{' '} |
22 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b> when |
23 |
| - orientation is vertical. |
24 |
| - </> |
25 |
| - )), |
26 |
| - }, |
27 |
| - { |
28 |
| - id: crypto.randomUUID(), |
29 |
| - title: 'Tab', |
30 |
| - description: $(() => <>Moves focus to the next focusable element.</>), |
31 |
| - }, |
32 |
| - { |
33 |
| - id: crypto.randomUUID(), |
34 |
| - title: 'Shift + Tab', |
35 |
| - description: $(() => ( |
36 |
| - <> |
37 |
| - Moves focus to the next{' '} |
38 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b> when |
39 |
| - orientation is vertical. |
40 |
| - </> |
41 |
| - )), |
42 |
| - }, |
43 |
| - { |
44 |
| - id: crypto.randomUUID(), |
45 |
| - title: 'Home', |
46 |
| - description: $(() => ( |
47 |
| - <> |
48 |
| - When focus is on an{' '} |
49 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b>, moves |
50 |
| - focus to the first{' '} |
51 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b>. |
52 |
| - </> |
53 |
| - )), |
54 |
| - }, |
55 |
| - { |
56 |
| - id: crypto.randomUUID(), |
57 |
| - title: 'End', |
58 |
| - description: $(() => ( |
59 |
| - <> |
60 |
| - When focus is on an{' '} |
61 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b>, moves |
62 |
| - focus to the last{' '} |
63 |
| - <b class="text-[var(--qwik-light-purple)]">AccordionItem</b>. |
64 |
| - </> |
65 |
| - )), |
66 |
| - }, |
67 |
| - ], |
68 |
| -}; |
69 |
| - |
70 | 8 | export interface KeyboardInteractionTableProps {
|
71 | 9 | keyDescriptors: KBInteractionTableRowProps[];
|
72 | 10 | }
|
|
0 commit comments