@vtex/admin-ui/src/abbr/abbr.ts

> VTEX admin component library

import { createComponent, useElement } from '@vtex/admin-ui-react'

/**
 * Abbreviation component
 * @example
 * <Abbr title="Long Version">lv</Abbr>
 */
export const Abbr = createComponent<'abbr'>((props) => {
  return useElement('abbr', {
    baseStyle: {
      textDecoration: 'none',
      text: '$body',
    },
    ...props,
  })
})