grommet/es6/components/Anchor/stories/Weight.stories.js

focus on the essential experience

import React from 'react';
import { Anchor, Box } from 'grommet';
var WeightAnchor = function WeightAnchor() {
  return /*#__PURE__*/React.createElement(Box, {
    align: "center",
    pad: "large",
    gap: "xsmall"
  }, /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor default weight"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Normal",
    weight: "normal"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Bold",
    weight: "bold"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight 200",
    weight: 200
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight 400",
    weight: 400
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight 600",
    weight: 600
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Lighter",
    weight: "lighter"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Bolder",
    weight: "bolder"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Inherit",
    weight: "inherit"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Initial",
    weight: "initial"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Revert",
    weight: "revert"
  }), /*#__PURE__*/React.createElement(Anchor, {
    href: "#",
    label: "Anchor weight Unset",
    weight: "unset"
  }));
};
export var Weight = function Weight() {
  return /*#__PURE__*/React.createElement(WeightAnchor, null);
};
export default {
  title: 'Controls/Anchor/Weight'
};