HighlightLine

Focus sentence at the top of a card; wrap the key phrase in <strong> to emphasize it. It only paints the text, it computes nothing.

Import

import { HighlightLine } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/highlight-line.

Usage

<HighlightLine>
  <>
          Hoy llevas <strong>S/ 840</strong> en ingresos, 12% más que el sábado pasado.
        </>
</HighlightLine>

Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Plain Text

Source

packages/ui/src/containers/highlight-line/highlight-line.tsx