Skip to content
Наполнение
Блоки
Выноска

Компонент "Callout"

Встроенный компонент для вывода важной информации читателю.

Примеры

💡

Callout - это короткий текст, предназначенный для привлечения внимания.

Callout - это короткий текст, предназначенный для привлечения внимания.

⚠️

Callout - это короткий текст, предназначенный для привлечения внимания.

🚫

Callout - это короткий текст, предназначенный для привлечения внимания.

Использование

По умолчанию

👾

Space Invaders - это аркадная игра 1978 года, разработанная Томохиро Нишикадо.

import { Callout } from 'nextra-theme-docs'
 
<Callout emoji="👾">
  **Space Invaders** - это аркадная игра 1978 года, разработанная Томохиро Нишикадо.
</Callout>

Информационный

ℹ️

Сегодня пятница.

import { Callout } from 'nextra-theme-docs'
 
<Callout type="info" emoji="ℹ️">
  Сегодня пятница.
</Callout>

Предупреждение

⚠️

Этот API скоро будет устаревать.

import { Callout } from 'nextra-theme-docs'
 
<Callout type="warning" emoji="⚠️">
  Этот API скоро будет устаревать.
</Callout>

Ошибка

🚫

Это опасная функция, которая может вызвать взрыв.

import { Callout } from 'nextra-theme-docs'
 
<Callout type="error" emoji="️🚫">
  Это опасная функция, которая может вызвать взрыв.
</Callout>

API

Компонент Callout принимает следующие свойства (props):

type (необязательно)

Тип Callout.

  • Тип: 'default' | 'info' | 'warning' | 'error'
  • По умолчанию: 'default'

emoji (необязательно)

Иконка, отображаемая в Callout. Вы также можете использовать свою собственную иконку с помощью этого свойства.

  • Тип: ReactNode
  • По умолчанию: '💡'

children (необязательно)

Содержимое Callout.

  • Тип: ReactNode
  • По умолчанию: null