inputGroup function

BloomNode inputGroup({
  1. required List<BloomNode> children,
  2. String extraClassName = '',
})

Layout container for grouping an input control with leading/trailing addons.

Implementation

BloomNode inputGroup({
  required List<BloomNode> children,
  String extraClassName = '',
}) {
  return Div(
    attrs: const {'role': 'group'},
    className: cn([
      'relative flex items-center w-full rounded-[var(--radius-sm)] border border-[var(--border)] '
      'bg-[var(--bg)] shadow-sm focus-within:ring-2 focus-within:ring-[var(--ring)] '
      'focus-within:border-[var(--primary)] transition-colors overflow-hidden',
      extraClassName,
    ]),
    children: children,
  );
}