New to Kendo UI for jQuery? Start a free 30-day trial

ThemeColor

configuration

Controls the main color applied to the buttons in the Group. Valid values are: "base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", and "inverse". Default value is "base".

themeColor

String

Default: 'base'

<div id="buttonGroup"></div>

<script>
    $("#buttonGroup").kendoButtonGroup({
        themeColor: "primary",
        items: [
            { text: "<b>foo</b>", encoded: false },
            { text: "<b>bar</b>", encoded: true }
        ]
    });
</script>