Hint

Usage

import { Hint } from '@nejcm/docz-theme-extended';

This is a default hint without an icon.

This is a warning hint with an icon.

This is a success hint with an icon.
in multiple lines.

This is an outer variant info hint with an icon.

This is an outer variant danger hint with an icon.

<Hint icon={false}>This is a default hint without an icon.</Hint>
<Hint type="warning">This is a warning hint with an icon.</Hint>
<Hint type="success">
  This is a success hint with an icon.
  <br />
  in multiple lines.
</Hint>
<Hint type="info" variant="outer">
  This is an outer variant info hint with an icon.
</Hint>
<Hint type="danger" variant="outer">
  This is an outer variant danger hint with an icon.
</Hint>

<Hint icon={false}>This is a default hint without an icon.</Hint>
<Hint type="warning">This is a warning hint with an icon.</Hint>
<Hint type="success">
  This is a success hint with an icon.
  <br />
  in multiple lines.
</Hint>
<Hint type="info" variant="outer">
  This is an outer variant info hint with an icon.
</Hint>
<Hint type="danger" variant="outer">
  This is an outer variant danger hint with an icon.
</Hint>

Props

Prop name	Type	Default	Required	Description
icon	`bool`	true	false	Display icon
type	`'default' │ 'info' │ 'warning' │ 'success' │ 'danger'`	'default'	false	Hint type
variant	`'inner' │ 'outer'`	—	false	Hint variant
children	`node`	—	false	Hint content