SpeedDial Theming

Theming documentation for SpeedDial component

Styled#

CSS Classes#

List of class names used in the styled mode.

classNamedescription
p-speeddialClass name of the root element
p-speeddial-buttonClass name of the button element
p-speeddial-listClass name of the list element
p-speeddial-itemClass name of the item element
p-speeddial-actionClass name of the action element
p-speeddial-maskClass name of the mask element

Design Tokens#

List of design tokens.

tokenCSS Variabledescription
speeddial.gap
--p-speeddial-gap
Gap of root
speeddial.transition.duration
--p-speeddial-transition-duration
Transition duration of root

Unstyled#

Theming is implemented with the pass through properties in unstyled mode.