Skip to main content
Vue A11y theme

# Test page

figure and figcaption code block 

::: figurecode Using <code>&lt;small&gt;</code> around a <a href="http://creativecommons.org/choose/" title="Choose a License">Creative Commons license</a> link with <code>rel="license"</code>
```html
<small>
  <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
    Creative Commons Attribution Share-alike license
  </a>
</small>
``
:::

  
        Copied!
    
<small>
  <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
    Creative Commons Attribution Share-alike license
  </a>
</small>

  
        Copied!
Using Using <small> around a Creative Commons license link with rel="license"

code 

Use `console.log`

  
        Copied!

Use console.log

Simple code block 

```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
``

  
        Copied!



 




export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

  
        Copied!

Link 

[Internal Link](/guide)

  
        Copied!

Internal Link

Notes 

::: tip
This is a tip
:::

  
        Copied!

TIP

This is a tip

::: warning
This is a warning
:::

  
        Copied!

WARNING

This is a warning

::: danger
This is a dangerous warning
:::

  
        Copied!

WARNING

This is a dangerous warning

::: danger STOP
Danger zone, do not proceed
:::

  
        Copied!

STOP

Danger zone, do not proceed

Table 

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

  
        Copied!
Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

Emojis 

:tada: :100:

  
        Copied!

🎉 💯

External link 

[External Link](https://google.com)

  
        Copied!

External Link

Details 

::: details
This is a details block, which does not work in IE / Edge
:::

  
        Copied!
DETAILS

This is a details block, which does not work in IE / Edge

Details with code block 

::: details Click me to view the code
```js
console.log('Hello, VuePress!')
``
:::

  
        Copied!
Click me to view the code 
console.log('Hello, VuePress!')

  
        Copied!

←

Test page | Vue A11y theme has loaded