[Feature Request] Theme setting for default labelPlacement

[jprosevear]

Is your feature request related to a problem? Please describe.

Right now afaict have to override label placement for every individual select/input/etc if using something other than default.

Describe the solution you'd like

Theme setting { defaultLabelPlacement: 'outside-left' } or whatever.

Describe alternatives you've considered

Wrapping every labelled component

Screenshots or Videos

No response

[linear]

ENG-1928 [Feature Request] Theme setting for default labelPlacement

[willalread]

@jprosevear you can use the extendVariants function to set your own variants/defaults for each component. This is how I set the labelPlacement="outside" as well as autoComplete="off" and change the default height.

import { extendVariants, Input } from "@heroui/react"

const CustomInput = extendVariants(Input, {
  variants: {
    size: {
      md: {
        inputWrapper: "h-9 min-h-9",
      },
    },
  },
  defaultVariants: {
    size: "md",
    labelPlacement: "outside",
    autoComplete: "off",
  },
})

export { CustomInput as Input }

[jprosevear]

This is nicer than what I'm doing, but still think its a valid feature request.

[wingkwong]

There's a PR that allows you to set it in our provider to override it globally. ref: #4346. Scheduled in next minor release.

[jprosevear]

Basically exactly what I need.