Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
1234567891011121314151617181920212223242526import { Box } from '@luke-ui/react/box';import { Icon } from '@luke-ui/react/icon';import { Track } from '@luke-ui/react/track';import { Comparison, ComparisonItem } from '#docs';
export default () => { return ( <Comparison> <ComparisonItem label="Center"> <Box maxInlineSize="18rem"> <Track gap="sp8" railAlignment="center" railStart={<Icon name="checkCircle" />}> Example message that wraps onto multiple lines when the available space is limited. </Track> </Box> </ComparisonItem> <ComparisonItem label="First line"> <Box maxInlineSize="18rem"> <Track gap="sp8" railAlignment="firstLine" railStart={<Icon name="checkCircle" />}> Example message that wraps onto multiple lines when the available space is limited. </Track> </Box> </ComparisonItem> </Comparison> );};