Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Empty state icon and primary button updates

See original GitHub issue

.pf-c-empty-state__icon can now be a div that allows for an icon, in case that icon is a component, like the Spinner component.

Also added a new element .pf-c-empty-state__primary that can be used in lieu of <Button variant="primary"> as the primary button in the empty state component.

Core PR - https://github.com/patternfly/patternfly-next/pull/2254/

Issue Analytics

State:
Created 4 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

mcokercommented, Sep 16, 2019

@rachael-phillips this work was completed in core as part of https://github.com/patternfly/patternfly-next/pull/2254. This work is needed before react can finish building the empty state and loading state table demos in https://github.com/patternfly/patternfly-react/issues/1433

0reactions

rachael-phillipscommented, Sep 16, 2019

We are going to pull this up into the prioritized backlog. The prioritized backlog is now the place where we are going to surface issues we want to make visible and top of mind: https://github.com/patternfly/patternfly-react/milestone/20

We are also going to place this on on hold until the Core work is done.

Top Results From Across the Web

Empty states - Carbon Design System

Empty states are moments in an app where there is no data to display to the user. They are most commonly seen the...

Empty states - Material Design

Empty states occur when an item's content can't be shown.

PatternFly 4 • Empty state

Primary and secondary buttons ... Buttons in empty states are used to highlight next steps a user can take when they reach your...

Empty State - Kaizen Design System

Empty states tell users that there's no content to display—and what they can do ... action on the page, then we use Primary...

Empty State - Lightning Design System

Empty states tell users that there's no content to display—and what they can do next. Empty State Guidelines. Introduction. Empty states are messages...