@yandex/ui/esm/Badge/__examples__/badgeInButton.js

Yandex UI components

import React from 'react';
import { Badge } from '@yandex-lego/components/Badge';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
export var BadgeInButton = function () { return (React.createElement(React.Fragment, null,
    React.createElement(Badge, null,
        React.createElement(Button, { view: "default", size: "m" }, "\u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u0430\u044F")),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Badge, { outlineColor: "transparent", content: 5 },
        React.createElement(Button, { view: "default", size: "m" }, "\u043E\u0447\u0435\u043D\u044C \u0432\u0430\u0436\u043D\u0430\u044F \u0441 \u0446\u0438\u0444\u0440\u043E\u0439")),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(Button, { view: "default", size: "m" },
        "\u0417\u0430\u043A\u043B\u0430\u0434\u043A\u0430",
        React.createElement(Badge, { color: "#0679ff", outlineColor: "#0679ff", content: 5, style: { marginLeft: 5 } })))); };