Function useSluggedId

This is a reasonable default for generating unique ids for elements in the Markdown component.

Example

Simple Example

const text = "This is some heading text";
const id = useSluggedId(text);
// "this-is-some-heading-text"
Copy

Example

Using Tokens

const tokens: readonly Token[] = [
  { type: "text", text: "Some content", raw: "Some content" },
  {
    type: "link",
    text: "Link Text",
    raw: "[Link Text](https://example.com)",
    href: "https://example.com",
    title: "",
    tokens: [
      {
        type: "text",
        raw: "Link Text",
        text: "Link Text",
      },
    ],
  },
];
const id = useSluggedId(tokens);
// "some-content-link-text"
Copy