mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Refactored Stepper Styles
This commit is contained in:
parent
5f7a0d00ad
commit
319eafabf9
2 changed files with 23 additions and 28 deletions
|
@ -9,26 +9,21 @@ const classes = {
|
|||
'p-readonly': props.linear
|
||||
}
|
||||
],
|
||||
nav: 'p-stepper-nav',
|
||||
nav: 'p-stepper-list',
|
||||
stepper: {
|
||||
header: ({ instance, step, index }) => [
|
||||
'p-stepper-header',
|
||||
'p-stepper-item',
|
||||
{
|
||||
'p-highlight': instance.isStepActive(index),
|
||||
'p-stepper-item-active': instance.isStepActive(index),
|
||||
'p-disabled': instance.isItemDisabled(index)
|
||||
}
|
||||
],
|
||||
action: 'p-stepper-action',
|
||||
action: 'p-stepper-header',
|
||||
number: 'p-stepper-number',
|
||||
title: 'p-stepper-title',
|
||||
separator: 'p-stepper-separator',
|
||||
toggleableContent: 'p-stepper-toggleable-content',
|
||||
content: ({ props }) => [
|
||||
'p-stepper-content',
|
||||
{
|
||||
'p-toggleable-content': props.orientation === 'vertical'
|
||||
}
|
||||
]
|
||||
toggleableContent: 'p-stepper-panel-content-container',
|
||||
content: 'p-stepper-panel-content'
|
||||
},
|
||||
panelContainer: 'p-stepper-panels',
|
||||
panel: ({ instance, props, index }) => [
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue