Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627import { Bleed } from '@luke-ui/react/bleed';import { Stack } from '@luke-ui/react/stack';import { Comparison, ComparisonItem, ExampleItem } from '#docs';
export default () => { return ( <Comparison> <ComparisonItem label="Without bleed"> <Stack gap="sp16"> <ExampleItem>First item</ExampleItem> <ExampleItem backgroundColor="info.subtle.rest">Middle item</ExampleItem> <ExampleItem>Last item</ExampleItem> </Stack> </ComparisonItem> <ComparisonItem label="With block bleed"> <Stack gap="sp16"> <ExampleItem>First item</ExampleItem> <Bleed block="sp24" position="relative"> <ExampleItem backgroundColor="info.subtle.rest">Middle item</ExampleItem> </Bleed> <ExampleItem>Last item</ExampleItem> </Stack> </ComparisonItem> </Comparison> );};