When applying a severity to a splitbutton, the severity is not applied on mouse hover: instead, the default blue style is applied.
The severity color is applied on the split button when not hovered, but not when hovered.
Example:
Code: Select all
import React from 'react';
import { SplitButton } from 'primereact/splitbutton';
export default function Example() {
const items = [
{label: "one", command: (e) => {e.preventDefault()}},
{label: "two", command: (e) => {e.preventDefault()}}
];
return <SplitButton
label="Save"
icon="pi pi-plus"
className="p-button-warning"
model={items}
onClick={(e) => {e.preventDefault()}}
></SplitButton>;
};