FitText

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

hello

darkness my old friend

<script>
  import { Presentation, Slide, FitText } from '@components'
</script>

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

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>