| icon | tags | |
|---|---|---|
tag |
|
Подобно кнопке, компонент Значок использует тот же синтаксис, что и гиперссылка, но с префиксом !badge.
||| Пример !badge Значок
Обычная ссылка ||| Код
[!badge Значок](badge.md)
[Обычная ссылка](badge.md)|||
С компонентом Значок, цель является необязательной и может быть опущена.
||| Пример [!badge Значок] ||| Код
[!badge Значок]|||
[!badge variant="primary" text="Primary"]| Вариант | Пример |
|---|---|
primary (по умолчанию) |
[!badge variant="primary" text="Primary"] |
secondary |
[!badge variant="secondary" text="Secondary"] |
success |
[!badge variant="success" text="Success"] |
danger |
[!badge variant="danger" text="Danger"] |
warning |
[!badge variant="warning" text="Warning"] |
info |
[!badge variant="info" text="Info"] |
light |
[!badge variant="light" text="Light"] |
dark |
[!badge variant="dark" text="Dark"] |
ghost |
[!badge variant="ghost" text="Ghost"] |
contrast |
[!badge variant="contrast" text="Contrast"] |
[!badge text="По умолчанию"]
[!badge corners="square" text="Квадрат"]
[!badge corners="pill" text="Кнопка в форме таблетки"]| Размер | Пример |
|---|---|
round (по умолчанию) |
[!badge text="по умолчанию"] |
square |
[!badge corners="square" text="Квадрат"] |
pill |
[!badge corners="pill" text="Кнопка в форме таблетки"] |
[!badge size="m" text="Средний"]| Размер | Пример |
|---|---|
xs |
[!badge size="xs" text="Очень маленький"] |
s |
[!badge size="s" text="Маленький"] |
m (default) |
[!badge size="m" text="Средний"] |
l |
[!badge size="l" text="Большой"] |
xl |
[!badge size="xl" text="Очень большой"] |
2xl |
[!badge size="2xl" text="Очень-очень большой"] |
3xl |
[!badge size="3xl" text="Очень-очень-очень большой"] |
Устанавливает атрибут target значка и указывает, в каком окне или вкладке открыть ссылку.
!badge target="blank" text="Docsinum"
[!badge target="blank" text="Docsinum"](https://docsinum.ru/)Если target не указан, ссылка будет открываться в текущей вкладке.
The target can be set to any value, although blank is common and will open the link in a new tab. Retype will automatically transform the value blank into _blank which is the actual value required by the browser to indicate that a hyperlink should be opened in a new tab.
target может быть установлен на любое значение, хотя blank является наиболее распространенным и открывает ссылку в новой вкладке. Docsinum автоматически преобразует значение blank в _blank, что является фактическим значением, требуемым браузером для указания, что гиперссылка должна быть открыта в новой вкладке
Есть несколько других значений, которые могут быть предварены символом _, включая self, parent и top. В следующей таблице показаны некоторые общие сценарии и соглашение об именовании, используемое Retype для нормализации значений target
Значение target в конфигурации |
Значение target во время выполнения |
|---|---|
blank |
_blank |
parent |
_parent |
top |
_top |
self |
_self |
news1 |
news1 |
nEWs2 |
news2 |
recent NEWS |
recent-news |
См. также links.target configuration.
Октиконы могут быть использованы в качестве иконки, установив свойство icon со значением имени Octicon.
[!badge variant="info" icon="person" text="Пользователь" margin="0 8 0 0"]
[!badge variant="primary" icon="paper-airplane" iconAlign="right" text="Отправить"][!badge variant="info" icon="person" text="Пользователь" margin="0 8 0 0"] [!badge variant="primary" icon="paper-airplane" iconAlign="right" text="Отправить"]
Emoji :shortcodes: can be used for the icon. Please see Mojee for a full list of supported Emoji shortcodes.
Для иконки можно использовать эмодзи :shortcodes:. Пожалуйста, посмотрите Mojee для полного списка поддерживаемых кратких кодов Emoji.
[!badge variant="light" icon=":heart:" text="Нравится"]
[!badge variant="info" icon=":rocket:" iconAlign="right" text="Ракета"][!badge variant="light" icon=":heart:" text="Нравится" margin="0 8 0 0"] [!badge variant="info" icon=":rocket:" iconAlign="right" text="Ракета"]
Любой файл изображения может быть использован в качестве icon.
[!badge icon="../static/retype-icon.svg"][!badge icon="../static/retype-icon.svg"]
icon также может быть задан встроенным элементом <svg>.
[!badge icon="<svg width="24" height="24"><path fill-rule="evenodd" d="M12 16.5a4.5 4.5 0 100-9 4.5 4.5 0 000 9zm0 1.5a6 6 0 100-12 6 6 0 000 12z"></path></svg>" text="Посетить веб-сайт"](badge.md)