Main menu
Fuegokit/React
React
⌘K
What's NewLog in
Page navigation menu
Getting started
InstallDevelopTheming APIThe sx propComposing componentsSystem propsTheme referenceComponent lifecycle status
Migration guides
Update to Fuegokit React v3What's included in Fuegokit React v3
Primitives
BoxButtonCheckboxCheckbox GroupCodeComboboxDatepickerDialogDropdownIconRadioRadio GroupScroll AreaSelectSpacerStackSwitchTextTextInputToastTooltip
Behaviors
Visually HiddenCollapseuseOutsideClick
Patterns
Page HeroMicro HeaderFeature GridsImg WrapperSection HeadersGif WrapperCard VariantsGradient TextFooter
Components
CardHeadingLinkLinkWithIconSpinnerSkeletonLogoProduct Category IconBrand ButtonAtlas ButtonAtlas TextfieldAtlas CheckboxAtlas RadioAtlas Tooltip
Screens
Getting Started Page

Link With Icon

Alpha
Link component that renders an inline icon.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.
SourceStorybook

Links render a semantic <a> tag and are primarily used for navigation. They inherit their parent's font-size but that value can be over-ridden using the sx prop.

Usage

import {LinkWithIcon} from '@fuegokit/react'

Icon on the right (default)

Icon on the left

See also

Footer

Edit this page on Bitbucket
On this page

  • Usage
  • Icon on the right (default)
  • Icon on the left
  • See also