---
name: Tip (Deprecated)
route: /tip
menu: 🗑️ Deprecated
---

import { Playground } from 'docz'
import { Tip } from '../src'

# Tip

Tip is a small container that can handle a title and a text. it's mean to be used in other components to add a note.

<Playground>
  <Tip title="Lorem ipsum">
    Ullamco in pariatur consequat dolore velit veniam ullamco ullamco pariatur
    reprehenderit et aute. Tempor quis ex sunt id elit irure reprehenderit amet
    quis consectetur et do incididunt. Consectetur duis aliqua voluptate
    incididunt. Ullamco nisi dolor laboris voluptate. Sint elit sint incididunt
    duis amet. Sit do irure anim dolor nulla ut sint duis nulla elit laboris
    aliquip. Veniam id fugiat cupidatat amet incididunt.
  </Tip>
</Playground>

## Background color

You can change the color of the background of the bow with the `color` prop. The color of the text will switch automatically.

<Playground>
  <Tip title="Lorem ipsum" color="primary">
    Ullamco in pariatur consequat dolore velit veniam ullamco ullamco pariatur
    reprehenderit et aute. Tempor quis ex sunt id elit irure reprehenderit amet
    quis consectetur et do incididunt. Consectetur duis aliqua voluptate
    incididunt. Ullamco nisi dolor laboris voluptate. Sint elit sint incididunt
    duis amet. Sit do irure anim dolor nulla ut sint duis nulla elit laboris
    aliquip. Veniam id fugiat cupidatat amet incididunt.
  </Tip>
</Playground>