Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
12345678910111213141516171819202122232425262728import { Box } from '@luke-ui/react/box';import { FieldDescription, FieldLabel } from '@luke-ui/react/primitives/field';import { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb,} from '@luke-ui/react/primitives/switch';import { Stack } from '@luke-ui/react/stack';
export default () => { return ( <SwitchRoot> <Box alignItems="center" display="flex" gap="sp12" maxInlineSize="24rem"> <Stack flexGrow="1" gap="sp4"> <FieldLabel>Example setting</FieldLabel> <FieldDescription>The row draws this label and description.</FieldDescription> </Stack> <SwitchLabel> <SwitchControl> <SwitchThumb /> </SwitchControl> </SwitchLabel> </Box> </SwitchRoot> );};