Typix LogoTypix
Editor Toolbar

ListDropdownMenu

Dropdown for switching between bullet, ordered, and checklist types.

Install

npx typix ui add list-dropdown-menu list-button

Import

import { ListDropdownMenu } from "@/components/typix/main/list-dropdown-menu";
import { ListButton } from "@/components/typix/main/list-button";

ListDropdownMenu Props

PropTypeDefaultDescription
typesListType[]allWhich list types to include in the dropdown.
hideWhenUnavailablebooleanfalseHide when no list type is applicable.
portalbooleantrueRender dropdown in a portal.
classNamestringAdditional CSS classes.

ListType

type ListType = "bullet" | "ordered" | "check";

ListButton

Use ListButton for a simple single-type toggle:

<ListButton type="bullet" />
<ListButton type="ordered" />
<ListButton type="check" />

On this page