Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
TSX
1234567891011121314151617181920212223import { Checkbox } from '@luke-ui/react/checkbox';import { LoadingSkeleton } from '@luke-ui/react/loading-skeleton';import { Stack } from '@luke-ui/react/stack';import { Text } from '@luke-ui/react/text';import { useState } from 'react';
export default () => { const [isLoading, setIsLoading] = useState(true);
return ( <Stack gap="sp16" maxInlineSize="28rem"> <Checkbox isSelected={isLoading} onChange={setIsLoading}> Show loading state </Checkbox> <Text> <LoadingSkeleton isLoading={isLoading}> This text wraps across several lines to show how the skeleton follows the final content. </LoadingSkeleton> </Text> </Stack> );};