Typography

() => {
  return (
    <DxcInset space="2rem">
      <DxcHeading level={2} text="Introduction" />
    </DxcInset>
  );
}

() => {
  return (
    <DxcInset space="2rem">
      <DxcParagraph>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id tortor
        sit amet velit auctor cursus id eget nisl. Vivamus luctus egestas eros,
        at mattis libero eleifend ac. Integer vel urna rutrum, pretium arcu
        dignissim, fringilla turpis. Nullam luctus odio quis magna finibus, a
        pharetra magna euismod. Nullam efficitur semper pellentesque. Nulla eget
        arcu ac diam fringilla vehicula. In imperdiet nisl hendrerit, elementum
        metus eu, ornare risus. 
      </DxcParagraph>
    </DxcInset>
  );
}

() => {
  return (
    <DxcInset space="2rem">
      <DxcBulletedList type="disc">
        <DxcBulletedList.Item>Code</DxcBulletedList.Item>
        <DxcBulletedList.Item>Usage</DxcBulletedList.Item>
        <DxcBulletedList.Item>Specifications</DxcBulletedList.Item>
      </DxcBulletedList>
    </DxcInset>
  );
}

() => {
  return (
    <DxcInset space="2rem">
      <DxcTypography>
        This is a very basic example of the use of the DxcTypography component.
      </DxcTypography>
    </DxcInset>
  );
}