Links

Son componentes que tienen apariencia de botones pero se comportan como una etiqueta a de HTML.

Primary LinkPrimary Link	Secondary LinkSecondary Link	Danger LinkDanger Link
Warning LinkWarning Link	Success LinkSuccess Link	Outline LinkOutline Link
Transparent LinkTransparent Link	Text LinkText Link

Utilización

import {
PrimaryLink,
SecondaryLink,
DangerLink,
WarningLink,
SuccessLink,
OutlineLink,
TransparentLink,
TextLink
} from "firefly-components/buttons";
                    

<PrimaryLink content="Primary Link" />

<SecondaryLink content="Secondary Link" />

<DangerLink content="Danger Link" />

<WarningLink content="Warning Link" />

<SuccessLink content="Success Link" />

<OutlineLink content="Outline Link" />

<TransparentLink content="Transparent Link" />

<TextLink content="Text Link" />

Props

`content`	Es el contenido del botón. Puede recibir strings u otros componentes de React. También puedes poner contenido dentro del botón con la prop `children`.
`leftIcon`	Permite colocar un icono a la izquierda del contenido especificado a través de `content`.
`rightIcon`	Permite colocar un icono a la derecha del contenido especificado a través de `content`.
`anchorRef`	Recibe un string que representa la ruta a la que sera redirigido el usuario cuando haga clic en el link.
`width`	Permite cambiar la propiedad `width` del botón. Esta propiedad se comporta igual que la propiedad `width` de CSS. Si no se especifica, su valor por defecto es `fit-content`.
`margin`	Permite cambiar la propiedad `margin` del botón. Esta propiedad se comporta igual que la propiedad `margin` de CSS. Si no se especifica, su valor por defecto es `0`.
`padding`	Permite cambiar la propiedad `padding` del botón. Esta propiedad se comporta igual que la propiedad `padding` de CSS. Si no se especifica, su valor por defecto es `0 1rem`.