diff --git a/pages/fixtures/experiments.tsx b/pages/fixtures/experiments.tsx index 7ddec1a7..84d283d2 100644 --- a/pages/fixtures/experiments.tsx +++ b/pages/fixtures/experiments.tsx @@ -3,6 +3,7 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react' import Button from '../../docs/fixtures/Button' import Code from '../../docs/fixtures/Code' import Container from '../../docs/fixtures/Container' +import Expandable from '../../docs/fixtures/Expandable' import Kbd from '../../docs/fixtures/Kbd' import SheetContent from '../../docs/fixtures/SheetContent' import { BottomSheet } from '../../src' @@ -155,17 +156,39 @@ function Four() { <> setOpen(true)}>4 [0, minHeight]} + header={ + + } + footer={ + + } > - - Using onDismiss lets users close the sheet by swiping - it down, tapping on the backdrop or by hitting esc on - their keyboard. - + + + + Testing focus management and keyboard behavior on open. + + + >
- Using onDismiss lets users close the sheet by swiping - it down, tapping on the backdrop or by hitting esc on - their keyboard. -
onDismiss
Testing focus management and keyboard behavior on open.