Title Detail

This kit can be used in many versatile ways. It consist of a title 4 and light body text kit.

Default

Use this kit in tables and cards to display data that doesn’t have a caption assigned.

Code Example

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

const TitleDetailDefault = (props) => (
  <div>
    <TitleDetail
        detail="Commits data and history"
        title="Email Notifications"
        {...props}
    />

    <TitleDetail
        align="center"
        detail="Commits data and history"
        title="Email Notifications"
        {...props}
    />

    <TitleDetail
        align="right"
        detail="Commits data and history"
        title="Email Notifications"
        {...props}
    />

  </div>
)

export default TitleDetailDefault

Things To Avoid

Don’t use as replacement for label_value kit. This kit is to be used for small amount of text in the details.