Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
1234567891011121314151617181920212223import { Box } from '@luke-ui/react/box';import { Icon } from '@luke-ui/react/icon';import { IconButton } from '@luke-ui/react/icon-button';import { Lockup, LockupBody, LockupRail } from '@luke-ui/react/lockup';
export default () => { return ( <Box maxInlineSize="20rem"> <Lockup gap="space.8"> <LockupRail> <Icon name="exclamationTriangle" /> </LockupRail> <LockupBody> Example message that wraps onto multiple lines when the available space is limited. </LockupBody> <LockupRail> <IconButton aria-label="More options" icon="chevronDown" size="small" /> </LockupRail> </Lockup> </Box> );};