Field

Live Editor

function FieldDemo() {
  return (
    <ThemeProvider>
      <Field label="Workspace name" description="Visible to your team." htmlFor="workspace-name" required>
        <Input id="workspace-name" />
      </Field>
    </ThemeProvider>
  );
}

Result

Loading...

Props

label, description, error, htmlFor, required, invalid, orientation, variant, tone, density, shape, shell, labelWidth, headless