Buttons

These are the almost complete Sass selector for Primefaces buttons components.


Button

This is Sass selector for Button component.

Button - Button
Button - Button
/* BUTTON - BUTTON */

.ui-button {
  &.ui-state-hover, &.ui-state-focus { }
  &.ui-state-active { }
  &.ui-state-disabled { }
  .ui-icon { }
  .ui-button-text { }
  &.ui-button-icon-only { }
}

CommandLink

This is Sass selector for CommandLink component.

Button - CommandLink
Button - CommandLink

SplitButton

This is Sass selector for SplitButton component.

Button - SplitButton
Button - SplitButton
/* BUTTON - SPLITBUTTON */

.ui-splitbutton {
  .ui-button {
    // CSS properties for this particular component should refer to .ui-button (Button - Button)
    &.ui-state-hover, &.ui-state-focus { }
    &.ui-state-active { }
    &.ui-state-disabled { }
    .ui-icon { }
    .ui-button-text { }
    &.ui-button-icon-only { }
  }
}