Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Question - using larger zmdi icons #186

Open
lazylazylazy opened this issue Oct 1, 2018 · 1 comment
Open

Accessibility Question - using larger zmdi icons #186

lazylazylazy opened this issue Oct 1, 2018 · 1 comment
Assignees
Labels

Comments

@lazylazylazy
Copy link

lazylazylazy commented Oct 1, 2018

Is it possible to use larger material design icons?

I'm currently using re-com to prototype a small application for older users that sometimes prefer larger icons. However using something like :md-icon-name "zmdi-icon-name zmdi-hc-5x" either has no effect, or, if added as a class moves the icon outside of the button.
Regular and Larger icon buttons use the same size icon, what do I need to add/edit to utilise the larger icons?

Many Thanks

@MawiraIke
Copy link
Contributor

Currently re-com supports using the :size parameter to change the size. The supported options are :larger, :regular and :smaller. The default size is :regular.
i.e
msedge_kwQDwLo2VV
Using a class name beside the name like "zmdi-plus zmdi-hc-5x" makes the icon change it's size but the size of the button is capped by re-com's rc-md-icon-button default style
i.e
msedge_Evwf3jZOIe
You can override the button's default size by passing style or class as follows

[md-icon-button :src (at)
 :md-icon-name "zmdi-plus zmdi-hc-2x"
 :emphasise?   true
 :tooltip      "This button has :emphasise? set to true"
 :on-click     #()
 :style        {:height "50px"}]

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

No branches or pull requests

3 participants