Search
Ctrl + K
Group related elements in a form
Source
Docs
Package
import { Fieldset, TextInput } from '@mantine/core'; function Demo() { return ( <Fieldset legend="Personal information"> <TextInput label="Your name" placeholder="Your name" /> <TextInput label="Email" placeholder="Email" mt="md" /> </Fieldset> ); }
Set disabled prop to disable all inputs and buttons inside the fieldset:
disabled
import { Fieldset, TextInput, Button, Group } from '@mantine/core'; function Demo() { return ( <Fieldset legend="Personal information" disabled> <TextInput label="Your name" placeholder="Your name" /> <TextInput label="Email" placeholder="Email" mt="md" /> <Group justify="flex-end" mt="md"> <Button>Submit</Button> </Group> </Fieldset> ); }
ColorPicker
FileInput