import CodeRender from '../../CodeRender'

### Link

<CodeRender code={`
<button class="link">I'm a simple link</button>

`} />
  
```html
<button class="link">I'm a simple link</button>

```
### Link

<CodeRender code={`
<p>
  Tailwind CSS resets the style of links by default.
  <br />
  Add "link" class to make it look like a
  <button class="link">normal link</button>
  again.
</p>

`} />
  
```html
<p>
  Tailwind CSS resets the style of links by default.
  <br />
  Add "link" class to make it look like a
  <button class="link">normal link</button>
  again.
</p>

```
### Primary color

<CodeRender code={`
<button class="link link-primary">I'm a simple link</button>

`} />
  
```html
<button class="link link-primary">I'm a simple link</button>

```

### Neutral color

<CodeRender code={`
<button class="link link-neutral">I'm a simple link</button>

`} />
  
```html
<button class="link link-neutral">I'm a simple link</button>

```
### Success color

<CodeRender code={`
<button class="link link-success">I'm a simple link</button>

`} />
  
```html
<button class="link link-success">I'm a simple link</button>

```

### Warning color

<CodeRender code={`
<button class="link link-warning">I'm a simple link</button>

`} />
  
```html
<button class="link link-warning">I'm a simple link</button>

```
### Error color

<CodeRender code={`
<button class="link link-error">I'm a simple link</button>

`} />
  
```html
<button class="link link-error">I'm a simple link</button>

```
### Show underline only on hover

<CodeRender code={`
<button class="link link-hover">I'm a simple link</button>

`} />
  
```html
<button class="link link-hover">I'm a simple link</button>

```   

    