+ Trailing Actions: Example with direct focus
+ Press (Command + Shift + U) to focus the trailing action button
+
+ Item 1
+
+ Item 2
+
+ sub task 1
+ sub task 2
+
+
+ Item 3
+
+
+ Trailing Actions: Example with dialog
+ Press (Command + Shift + U) to interact with the trailing action
+
+ Item 1
+
+ Item 2
+
+ sub task 1
+ sub task 2
+
+
+ Item 3
+
+
+ )
+}
+
+const TrailingAction: React.FC<{id: string; children: React.ReactNode; dialogOnOpen?: boolean}> = ({
+ id,
+ dialogOnOpen,
+ children,
+}) => {
+ const [expanded, setExpanded] = React.useState(false)
+ const [dialogOpen, setDialogOpen] = React.useState(false)
+
+ const btnRef = React.useRef