optimizely-oui
Version:
Optimizely's Component Library.
36 lines • 1.46 kB
JavaScript
/* eslint-disable react/jsx-key */
import React from "react";
import Poptip from "../index";
import Button from "../../Button";
import Icon from "react-oui-icons";
export default [{
examples: [React.createElement("div", {
className: "position--relative height--100"
}, React.createElement(Poptip, {
content: "Ipsa officiis bad-news minus earum a aperiam! Aperiam reiciendis vitae nihil libero et, hic!"
}, React.createElement(Button, null, "Basic Poptip")))]
}, {
examples: [React.createElement("div", {
className: "position--relative height--100"
}, "Learn More\u2026\xA0", React.createElement(Poptip, {
content: "Ipsa officiis bad-news minus earum a aperiam! Aperiam reiciendis vitae nihil libero et, hic!",
horizontalAttachment: "left",
horizontalTargetAttachment: "right",
verticalAttachment: "middle",
verticalTargetAttachment: "middle"
}, React.createElement(Button, {
style: "unstyled"
}, React.createElement(Icon, {
name: "help"
}))))]
}, {
examples: [React.createElement("div", {
className: "position--relative height--100"
}, React.createElement(Poptip, {
content: "Ipsa officiis bad-news minus earum a aperiam! Aperiam reiciendis vitae nihil libero et, hic!",
horizontalAttachment: "left",
horizontalTargetAttachment: "left",
verticalAttachment: "top",
verticalTargetAttachment: "bottom"
}, React.createElement(Button, null, "Poptip With Advanced Positioning")))]
}];