Skip to content

[Progress Bars] - Add more properties #376

@desig9stein

Description

@desig9stein

Circular

Currently, the Circular progress bar has no schema properties for variants (info, success, warning, danger); We have to add them as we have them for the linear progress bar.

'fill-color-default'
'fill-color-danger'
'fill-color-warning'
'fill-color-info'
'fill-color-success'

Linear

Additionally, we should add new schema props for linear progress bar height and strip size
with initial values set as follows:

$bar-height: map.get((
    'material': rem(4px),
    'fluent': rem(2px),
    'bootstrap': rem(16px),
    'indigo': rem(4px),
), $variant);

$strip-size: map.get((
    'material': rem(16px),
    'fluent': rem(16px),
    'bootstrap': rem(5px),
    'indigo': rem(16px),
), $variant);

Metadata

Metadata

Assignees

Labels

✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.progressschemas

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions