Empty State Component #78
Labels
Milestone
Comments
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
This commit implements a base HTML component that represents a `<section>` (1) with multiple base style variants. References: (1) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section Associated epic: GH-63 GH-78
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
This includes three vector SVG images as SVG vector illustration components that can be rendered through the styled `Illustration` component via the `illustrationVariant` prop. GH-78
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
This commit implements the actual empty state component that consists of the styled components and provides the rendered output and logic. GH-78
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
This is a preparation for the empty state component that'll be shown on the initial implementation of the URL target page component. GH-78
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
This commit provides the missing base page components for the header navigation links implemented in GH-64 (1). This initial implementation renders the new empty state (2) component wrapped in the also included `Section` core container component that represents a base HTML section (3). References: (1) #64 (2) https://material.io/design/communication/empty-states.html (3) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section GH-78
Merged
arcticicestudio
added a commit
that referenced
this issue
Dec 17, 2018
…-component Empty State Component
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This issue documents the implementation of the molecule component to represent an empty state.
Structure
The component will consists of three parts: an vector illustration, the headline and the corresponding subline.
Vector Illustration
The illustration will be the main element. The component will provide multiple illustrations that can be selected through a prop.
Headline
The headline will inform the user about the purpose of the illustration and the reason why it is currently shown.
Subline
The subline includes information and helpful instructions in addition to the headline.
Base Sectioning Component
The empty state component will be placed within a base HTML component that represents a
<section>with multiple base style variants.Initial Usage
The new empty state component will be initially used by implementing the base page components for missing header navigation links.
Tasks
EmptyStatecomponent.The text was updated successfully, but these errors were encountered: