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.

Sign up for GitHub

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

[Docs] Add link to Figma UI Kit #3016

Merged
merged 6 commits into from
Mar 10, 2020
Merged

[Docs] Add link to Figma UI Kit #3016

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
cf34a6f
Add link to Figma UI Kit
elizabetdev Mar 9, 2020
43ff074
Adding changelog
elizabetdev Mar 9, 2020
8c2b52d
Adding tooltip around the Figma link
elizabetdev Mar 9, 2020
62c40ba
Adding EuiScreenReaderOnly for Sketch
elizabetdev Mar 9, 2020
3f2a370
Changing word
elizabetdev Mar 9, 2020
e7dacac
Removing changelog entrance
elizabetdev Mar 9, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
- Added `sections` and `position` props to `EuiHeader` ([#2928](https://github.com/elastic/eui/pull/2928))
- Added `gutterSize` prop to `EuiListGroup` ([#2980](https://github.com/elastic/eui/pull/2980))
- Added `color` prop to `EuiListGroupItem` and updated size style ([#2980](https://github.com/elastic/eui/pull/2980))
- Added a `link` to EUI Figma UI Kit to the docs home page ([#3016](https://github.com/elastic/eui/pull/3016))
snide marked this conversation as resolved.
Show resolved Hide resolved

**Bug Fixes**

Expand Down
7 changes: 7 additions & 0 deletions src-docs/src/images/logo-figma.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 21 additions & 4 deletions src-docs/src/views/home/home_view.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import imageTables from '../../images/tables.svg';
import imageForms from '../../images/forms.svg';
import imageFlexgrid from '../../images/flexgrid.svg';
import imageCards from '../../images/cards.svg';
import logoFigma from '../../images/logo-figma.svg';

import {
EuiCard,
Expand Down Expand Up @@ -56,6 +57,22 @@ export const HomeView = () => (

<EuiFlexItem grow={false}>
<EuiFlexGroup alignItems="center" gutterSize="s" responsive={false}>
<EuiFlexItem grow={false}>
<p>Libraries:</p>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiLink href="https://www.figma.com/community/file/809845546262698150">
<EuiScreenReaderOnly>
<span>Elastic UI Library on Figma</span>
</EuiScreenReaderOnly>
elizabetdev marked this conversation as resolved.
Show resolved Hide resolved
<EuiToolTip
title="Open Figma Design Library"
postiion="down"
content="The Figma Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.">
<EuiIcon type={logoFigma} aria-hidden="true" />
</EuiToolTip>
</EuiLink>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiToolTip
title="Download zip"
Expand All @@ -64,13 +81,13 @@ export const HomeView = () => (
This will provide symbols that match against their EUI component
counterparts.">
<EuiLink href="https://github.com/elastic/eui/releases/download/v8.0.0/eui_sketch_8.0.0.zip">
<strong>Sketch libraries</strong>
<EuiScreenReaderOnly>
<span>Elastic UI Library for Sketch</span>
</EuiScreenReaderOnly>
<EuiIcon type="logoSketch" aria-hidden="true" />
</EuiLink>
</EuiToolTip>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIcon type="logoSketch" />
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>
<EuiFlexItem grow={false}>
Expand Down