Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
123456789101112131415161718192021222324import { ScrollFade } from '@luke-ui/react/scroll-fade';import { Stack } from '@luke-ui/react/stack';import { Text } from '@luke-ui/react/text';
export default () => { return ( <ScrollFade aria-label="Example items" axis="block" blockSize="8.75rem" inlineSize="20rem" padding="sp12" > <Stack gap="sp12"> {['First item', 'Second item', 'Third item', 'Fourth item', 'Fifth item', 'Sixth item'].map( (item) => ( <Text key={item}>{item}</Text> ), )} </Stack> </ScrollFade> );};