---
type: "Components"
category: "Core"
parent: "Typography"
title: "Addon"
date: "1900-10-10"
---

## Collapse Text

Refer to [toggle collapse](/components/toggle/animation#collapse).

## Separator

Assign separator content with `before:content-['<content>']`.

Use **Tailwind CSS** to assign styles (e.g. [margin](https://tailwindcss.com/docs/margin), [text-color](https://tailwindcss.com/docs/text-color), [font-size](https://tailwindcss.com/docs/font-size)).

<demo>
  <demoinline src="demos/components/typography/separator">
  </demoinline>
</demo>

## List Custom

If you want the list style to be the default one [customize default lists instead](/components/typography/content#list).

<demo>
  <demoinline src="demos/components/typography/listcustom">
  </demoinline>
</demo>
