Docz: Элементы сломаны на детской площадке

Привет, @nicholasess , спасибо за отзыв.

Я отлаживал его здесь и вроде все в порядке с примером.

Не могли бы вы предоставить пример кода или репозиторий для этой ошибки?

@marceloavf Да, это репозиторий, который я создал.
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21

Это недооцененный эффект css, проблема заключается в том, что ваши теги a являются элементами display: inline (браузер по умолчанию).

Ссылки разрезаются пополам, потому что они рассматриваются как обычный текст, а не элементы уровня блока.

Вы можете установить для них white-space: nowrap; но они не будут реагировать на изменение размера экрана, поэтому использование display: inline-block; должно решить проблему и сделать их настоящими ссылками на уровне блоков.

Надеюсь, это то, что вы ищете ✋