# HighlightLine

> Focus sentence at the top of a card; wrap the key phrase in `<strong>` to emphasize it.

Source: https://ui.jcsoftdev.com/docs/components/highlight-line

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

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

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

## Usage

```tsx
<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](/storybook/?path=/story/containers-highlightline--default)
- [Plain Text](/storybook/?path=/story/containers-highlightline--plain-text)

## Source

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