Skip to main content

DsTextInputAddon

Descrição:​

Esse é o input utilizado para adicionar o ícone à direita ou à esquerda do campo ou seção à esquerda ou direita.

lumminy.app
lumminy.app
lumminy.app

Importando:​

import { DsTextInputAddon } from "@raisesistemas/ds";

Usando:​

export function Demo() {
  return (
    <>
      <DsTextInputAddon
        placeholder="johndoe@mail.com"
        label="E-mail"
        rightSection="lumminy.app"
        iconRight={<Mail size={18} />}
        leftSection={<Eye color="green" size={20} data-testid="check" />}
      />
      <DsTextInputAddon
        placeholder="johndoe@mail.com"
        label="E-mail"
        leftSection="lumminy.app"
        iconRight={<Mail size={18} />}
      />
      <DsTextInputAddon
        placeholder="johndoe@mail.com"
        label="E-mail"
        rightSection="lumminy.app"
        iconRight={<Mail size={18} />}
      />
    </>
  );
}

Propriedades:​