@yandex/ui
Version:
Yandex UI components
32 lines (31 loc) • 1.57 kB
JavaScript
import React from 'react';
import { Icon } from '@yandex-lego/components/Icon/bundle';
var glyphs = [
'carets-v',
'type-arrow',
'type-check',
'type-close',
'type-cross',
'type-cross-websearch',
'type-filter',
'type-indeterminate',
'type-tick',
'x-sign',
];
export var Style = function () { return (React.createElement("table", { cellSpacing: 8 },
React.createElement("tr", null,
React.createElement("td", null, "\u2014"),
glyphs.map(function (glyph) { return (React.createElement("td", { key: glyph },
React.createElement(Icon, { glyph: glyph, style: { width: 16, height: 16 } }))); })),
React.createElement("tr", null,
React.createElement("td", null, "color: 'gray'"),
glyphs.map(function (glyph) { return (React.createElement("td", { key: glyph },
React.createElement(Icon, { glyph: glyph, style: { width: 16, height: 16, color: 'gray' } }))); })),
React.createElement("tr", null,
React.createElement("td", null, "color: '#ffb833'"),
glyphs.map(function (glyph) { return (React.createElement("td", { key: glyph },
React.createElement(Icon, { glyph: glyph, style: { width: 16, height: 16, color: '#ffb833' } }))); })),
React.createElement("tr", null,
React.createElement("td", null, "color: 'rgb(255,77,0)'"),
glyphs.map(function (glyph) { return (React.createElement("td", { key: glyph },
React.createElement(Icon, { glyph: glyph, style: { width: 16, height: 16, color: 'rgb(255,77,0)' } }))); })))); };