- React

## Examples

### Default

    <div className="truncate-example-resize">
      <Truncate
        content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
      />
    </div>

### Middle

    <div className="truncate-example-resize">
      <Truncate
        content={'redhat_logo_black_and_white_reversed_simple_with_fedora_container.zip'}
        trailingNumChars={10}
        position={'middle'}
      />
    </div>

### Start

    <div className="truncate-example-resize">
      <Truncate
        content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
        position={'start'}
      />
    </div>

### Default with tooltip at the bottom

    <div className="truncate-example-resize">
      <Truncate
        content={'Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.'}
        tooltipPosition={'bottom'}
      />
    </div>

##
CSS variables