---
name: A
menu: Components
route: /components/a
---

import { Playground, Props } from 'docz'
import A from './'

# A

## Import
`import { A } from '@blasterjs/core'`

The `<A>` component renders an `<a>` with basic styles by default.

<Playground>
  <A href="#" target="_blank" mr={3}>This is a link</A>
  <A href="#">Another link</A>
</Playground>

### PropTypes
Accepts standard html `<a>` attributes

| Prop | Type | Required | Default | Description |
|:-----|:-----|:---------|:--------|:------------|
| href | bool | no |  |  |
| colorFocus | string | no | `color.link` | |
| colorHover | string | no | `color.linkHover` | |
| colorActive | string | no | `color.linkHover` | |
| `COMMON` | Style Prop |  |  | see [Style Props](/style-props) |
| `TYPOGRAPHY` | Style Prop |  |  | see [Style Props](/style-props) |
| `FLEX_ITEM` | Style Prop |  |  | see [Style Props](/style-props) |


## Theming

### Schema
```
{
  colors: {
    color,
    colorFocus,
    colorHover,
    colorActive
  }
  fontWeights: {
    fontWeight
  },
  overrides: css`
    ...
  `
}
```

- [Default theme](https://github.com/raster-foundry/blasterjs/tree/master/packages/core/theme/components/a)
- [Learn more about themeing](/blaster-theme)