sfgov-design-system/docs/components/buttons.md

This is the design system for [SF.gov](https://sf.gov) and the City & County of San Francisco.

---
title: Buttons
---

## Link buttons

This is some text about link buttons. We should explain why we want links to
look like buttons.

### Inline link
```html
<a class="btn" href="#">
  This is a link
</a>
```

### Block link
```html
<a class="btn btn-block" href="#">
  This is a block link
</a>
```

## HTML buttons

This is some text about actual styling actual `<button>` elements.

### Inline button
```html
<button class="btn">
  This is a button
</button>
```

### Block button
```html
<button class="btn btn-block">
  This is a block button
</button>
```