Title

Typically used as headers. Follow semantic hierarchy — Title 1s should be followed by Title 2s followed by Title 3s and so on, without skipping any levels.
Tags can be changed using the tag prop. However, be sure follow markdown semantics (h1's are followed by h2's followed by h3's and so on).

Rails
React

Light UI

Code Example

import React from 'react'
import { Title } from '../../'

const TitleLight = () => {
  return (
    <div>
      <Title text="Default Title" />
      <br />
      <Title
          size={4}
          tag="h4"
          text="Title 4"
      />
      <Title
          size={3}
          tag="h3"
          text="Title 3"
      />
      <Title
          size={2}
          tag="h2"
          text="Title 2"
      />
      <Title
          size={1}
          tag="h1"
          text="Title 1"
      />
    </div>
  )
}

export default TitleLight

Dark UI

Code Example

import React from 'react'
import { Title } from '../../'

const TitleDark = () => {
  return (
    <div>
      <Title
          dark
          size={4}
          tag="h4"
          text="Title 4"
      />
      <Title
          dark
          size={3}
          tag="h3"
          text="Title 3"
      />
      <Title
          dark
          size={2}
          tag="h2"
          text="Title 2"
      />
      <Title
          dark
          size={1}
          tag="h1"
          text="Title 1"
      />
    </div>
  )
}

export default TitleDark

5.3.0

Title