Skip to content
This repository has been archived by the owner on Jun 1, 2023. It is now read-only.

Support for sizing the step indicators #39

Closed
Coreusa opened this issue Aug 29, 2017 · 5 comments
Closed

Support for sizing the step indicators #39

Coreusa opened this issue Aug 29, 2017 · 5 comments

Comments

@Coreusa
Copy link

Coreusa commented Aug 29, 2017

For this it seems that there is no property to control the size of the step indicators, unless one overrides them with CSS.
A "size" attribute with values like "xs, sm, md and lg" that would resize the circles and the icons inside, would go a long way to remedy this and also allow for quite the flexibility.

I've attached some images to illustrate what I mean (these are just examplary values)

Extra small

(Size of each step is 40x40, font-size: 1rem)
bilde

Small

(Size of each step is 50x50, font-size 1.4rem)
bilde

Medium

As it is today.

Large

(Size of each step is 70x70, font-size 2rem)
bilde

@cristijora
Copy link
Collaborator

Greatly formatted issue. Very clear and straight to the point!
Will try to find some time this week and add a new prop for this.

@cristijora
Copy link
Collaborator

I made a fiddle for the latest changes
https://jsfiddle.net/CristiJ/bt5dhqtf/924/

It might not work right away because of browser cache so you might want to open it in incognito or something like that.

@Coreusa
Copy link
Author

Coreusa commented Sep 4, 2017

Very nice. Has this been pushed to NPM?

@cristijora
Copy link
Collaborator

Not yet, Will publish it today

@cristijora
Copy link
Collaborator

Release 0.6.5

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants