Title

<Title>This is a Basic Title</Title>

<Col lg>
  <Title xs>Title xs</Title>
  <Title sm>Title sm</Title>
  <Title md>Title md</Title>
  <Title lg>Title lg</Title>
  <Title xl>Title xl</Title>
</Col>

<Col lg>
  <Title thin>Title thin</Title>
  <Title extralight>Title extralight</Title>
  <Title light>Title light</Title>
  <Title normal>Title normal</Title>
  <Title medium>Title medium</Title>
  <Title semibold>Title semibold</Title>
  <Title bold>Title bold</Title>
  <Title extrabold>Title extrabold</Title>
  <Title black>Title black</Title>
</Col>

<Col lg>
  <Title default>Title default</Title>
  <Title accent>Title accent</Title>
  <Title primary>Title primary</Title>
  <Title secondary>Title secondary</Title>
  <Title tertiary>Title tertiary</Title>
  <Title success>Title success</Title>
  <Title danger>Title danger</Title>
  <Title warning>Title warning</Title>
  <Title info>Title info</Title>
  <Title link>Title link</Title>
</Col>

<Col lg>
  <Title sans>Title sans</Title>
  <Title serif>Title serif</Title>
  <Title mono>Title mono</Title>
</Col>

<Col lg>
  <Title underline>Title underline</Title>
  <Title lineThrough>Title lineThrough</Title>
  <Title noUnderline>Title noUnderline</Title>
  <Title overline>Title overline</Title>
</Col>

<Col lg>
  <Title uppercase>Title uppercase</Title>
  <Title lowercase>Title lowercase</Title>
  <Title capitalize>Title capitalize</Title>
  <Title normalCase>Title normalCase</Title>
</Col>

<div className="space-y-4 border-2 border-dashed border-gray-300 p-4">
  <Title textLeft>Left Aligned Title</Title>
  <Title textCenter>Center Aligned Title</Title>
  <Title textRight>Right Aligned Title</Title>
</div>

<Col lg>
  <Title bold lg primary>Large Bold Primary Title</Title>
  <Title italic secondary sm>Small Italic Secondary Title</Title>
  <Title md semibold success underline>Medium Semibold Success Underlined Title</Title>
  <Title light uppercase xs>Extra Small Light Uppercase Title</Title>
  <Title danger extrabold textCenter xl>Extra Large Extra Bold Danger Centered Title</Title>
</Col>

<Col lg>
  <Card filled lg warning>
    <Title warning>Title inheriting warning color from filled card</Title>
  </Card>
  <Container filled primary>
    <Title primary>Title inheriting primary color from container</Title>
  </Container>
  <Card lg outline secondary>
    <Title secondary>Title inheriting secondary from outline card</Title>
  </Card>
</Col>