# CLink

O componente CLink permite que você crie elementos de âncora com suas cores de tema e estilos de tipografia.

Exemplos

API

# Exemplos de CLink

# Usando como âncora

<c-link
  target="_blank"
  href="https://www.estrategiaconcursos.com.br/"
>
  Texto do link
</c-link>
<c-link
  target="_blank"
  href="https://www.estrategiaconcursos.com.br/"
>
  Texto do link
</c-link>

# Usando como botão

O CLink pode ser usado como botão, para isso é necessário especificar através do atributo component.

Ao ser renderizado como um botão, para que uma ação seja executada, é preciso passar um método no @click.

<template>
  <c-link
    @click="handleClick"
    component="button"
  >
  Texto do link
  </c-link>
</template>

<script>
module.exports = {
  methods: {
    handleClick() {
      alert('clicked!')
    }
  }
}
</script>
<template>
  <c-link
    @click="handleClick"
    component="button"
  >
  Texto do link
  </c-link>
</template>

<script>
module.exports = {
  methods: {
    handleClick() {
      alert('clicked!')
    }
  }
}
</script>

Nome	Tipo	Default	Descrição
component	`string`	`a`	Define qual o componente deverá ser renderizado, podendo ser `a` ou `button`.
href	`string`		O link ao qual a âncora se refere
target	`string`	`_self`	Define o valor do target da âncora.

# CLink

# Exemplos de CLink

# Usando como âncora

# Usando como botão

# CLink API

# Props

# Âncora vs Botão

# Slots

# Events