Need Help for Break Lines Implementation

[DeepakSharma04]

import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from 'react-native-render-html';

const source = {
  html: `<p>Okay nice to meet you</p>\n<div data-toggle=\"collapse\" data-target=\".ticket_break_hidden_area\" style=\"cursor: pointer;\">...</div><div class=\"collapse ticket_break_hidden_area\"><div><div><div><div><blockquote>On November 06, 2023 04:41 pm <strong>Indira V</strong> wrote :\n<figure>\n<p>Dear Team,</p>\n<p> </p>\n<p>Our company is growing, and there is a good inflow of projects every week. This has been possible with your dedicated and timely teamwork. In order to keep up with this, we have decided that the working hours would be advanced by 30 minutes.</p>\n<p> </p>\n<p>Feel free to come up with suggestions, if any.</p>\n<p> </p>\n<p>Warm regards,</p>\n<p>Your name</p>\n<p>Designation</p>\n</figure>\n</blockquote></div> `
};

export default function App() {
  const { width } = useWindowDimensions();
  return (
      <RenderHtml
        contentWidth={width}
        source={source}
        enableExperimentalMarginCollapsing={true}
    />
  );
}

Please help ,i want to add break lines implementation means when user click on ... dots it shows the email but it's display all the contents.

[DeepakSharma04]

@jsamr can you please guide me how to implement it .