Callout Component

A built-in component provided by nextra/components.

Example

💡

A callout is a short piece of text intended to attract attention.

Usage

Default

👾

Space Invaders is a 1978 shoot ‘em up arcade game developed by Tomohiro Nishikado.


<Callout emoji="👾">
  **Space Invaders** is a 1978 shoot 'em up arcade game developed by Tomohiro
  Nishikado.
</Callout>

Warning

⚠️

This API will be deprecated soon.


<Callout type="warning">This API will be deprecated soon.</Callout>

Error

🚫

This is a dangerous feature that can cause everything to explode.


<Callout type="error">
  This is a dangerous feature that can cause everything to explode.
</Callout>

React Component

callout.jsx


import { Callout } from 'nextra/components'
 
const Component = () => {
  return (
    <Callout emoji="👾">
      **Space Invaders** is a 1978 shoot 'em up arcade game developed by
      Tomohiro Nishikado.
    </Callout>
  )
}