Polaris-react: [Button] Add “pressed” state

Created on 17 May 2018  ·  7Comments  ·  Source: Shopify/polaris-react

Problem

Sometimes buttons are used like a radio button, usually in a group but potentially on their own (as a toggle).

As implemented in polaris-rails: https://github.com/Shopify/polaris-ux/issues/58

Examples

screen shot 2017-10-12 at 6 21 06 pm

Accessibility ⚗️ Development 🎨 Design

Most helpful comment

@dpersing Had a slight delay, in the beginning, pinged Sonja for some information before I realized she was OOO 😅I opened a WIP draft pr (not up to date) #2148. I'm curring working on adding the pressed state for all the button types/modifiers. I'll probably be messaging @mirualves for some opinions on styles / UI kit updates Friday.

All 7 comments

@maxariss

@dleroux can we close this in favour of the ToggleButton component that is currently in polaris-next?

@yourpalsonja we can but this is the issue and not the pr so it should probably be closed once that that toggle buttons makes it into Polaris? Although it is a bit different. Your call :)

After a chat with @yourpalsonja, we decided to leave this issue for now and figure out how to move the ToggleButton into Polaris from Polaris-next (instead of adding a confusing prop to Button).

This work is currently on hold while the P-BOP team supports Tooling with updating the UI Kit for Figma.

Hi @AndrewMusgrave! Any updates on this issue?

@dpersing Had a slight delay, in the beginning, pinged Sonja for some information before I realized she was OOO 😅I opened a WIP draft pr (not up to date) #2148. I'm curring working on adding the pressed state for all the button types/modifiers. I'll probably be messaging @mirualves for some opinions on styles / UI kit updates Friday.

Was this page helpful?
0 / 5 - 0 ratings