Validation texts

El texto de validación se utiliza para indicar si los datos introducidos son correctos. Este componente esta ya incluido por defecto en los inputs, pero en ocasiones puede ser necesario tenerlo por separado.

SuccessEste es un Success Text
DangerEste es un Danger Text
WarningEste es un Warning Text
PrimaryEste es un Primary Text
PurpleEste es un Danger Text
DefaultEste es un Default Text

Utilización

import { ValidationText } from "firefly-components/validation-text";

<ValidationText type="success">
    Este es un Success Text
</ValidationText>

Props

typeRepresenta el tipo de ValidationText a mostrar. Recibe un string. Los valores disponibles son:
  • success
  • danger
  • warning
  • primary
  • purple
  • default

Ejemplos

<ValidationText type="success">
    Este es un Success Text
</ValidationText>
Este es un Success Text
<ValidationText type="danger">
    Este es un Danger Text
</ValidationText>
Este es un Danger Text
<ValidationText type="warning">
    Este es un Muted Text
</ValidationText>
Este es un Warning Text
<ValidationText type="warning">
    Este es un Muted Text
</ValidationText>
Este es un Primary Text
<ValidationText type="purple">
    Este es un Purple Text
</ValidationText>
Este es un Purple Text
<ValidationText>
    Este es un Default Text
</ValidationText>
Este es un Default Text