Skip to main content

DsButtonUser

Descrição:

Os botões DsButtonUser é um botões utilizado para exibição de usuario, nome e email.

Importando:

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

Usando:

export function Demo() {
return (
<>
<DsButtonUser
image="data:image/png;base64,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"
name="Raise Sistemas"
email="designsystem@raisesistemas.com.br"
/>
<DsButtonUser
name="Raise Sistemas"
email="designsystem@raisesistemas.com.br"
/>
<DsButtonUser name="Raise Sistemas" />
</>
);
}

Propriedades: