You can use <FitText> to make the text as large as possible without overflowing the slide.


darkness my old friend

  import { Presentation, Slide, FitText } from '@components'

    <FitText class="uppercase">hello</FitText>
    <FitText class="uppercase">darkness my old friend</FitText>

By default a h2 tag is used for <FitText> for rendering the text but you can change it to anything you want.

<FitText type="h1">hello</FitText>
<FitText type="p">darkness my old friend</FitText>