inputGroupAddon function

BloomNode inputGroupAddon({
  1. required List<BloomNode> children,
  2. String align = 'left',
  3. String extraClassName = '',
})

Addon container placed inside an inputGroup.

Implementation

BloomNode inputGroupAddon({
  required List<BloomNode> children,
  String align = 'left',
  String extraClassName = '',
}) {
  return Div(
    className: cn([
      'flex items-center px-3 text-xs sm:text-sm text-[var(--text-muted)] bg-[var(--muted)]/50 select-none shrink-0',
      align == 'left' ? 'border-r border-[var(--border)]' : 'border-l border-[var(--border)]',
      extraClassName,
    ]),
    children: children,
  );
}