TextLink

<div>
  <TextLink href="#">Синий (по умолчанию)</TextLink>
</div>
<div>
  <TextLink href="#" color="green">
    Зеленый
  </TextLink>
</div>
<div style={{ background: '#ffffff' }}>
  <TextLink href="#" color="black">
    Черный
  </TextLink>
</div>
<div>
  <TextLink href="#" color="gray">
    Серый
  </TextLink>
</div>
<div style={{ color: 'red' }}>
  <TextLink href="#" color="inherit">
    Наследование от родителя
  </TextLink>
</div>
<div style={{ background: '#999999' }}>
  <TextLink href="#" color="white">
    Белый
  </TextLink>
</div>

<div>
  <TextLink href="#" underlineVisibility="always">
    Сплошная линия
  </TextLink>
</div>
<div>
  <TextLink href="#" underlineVisibility="always" underlineStyle="dashed">
    Пунктирная линия
  </TextLink>
</div>