@leafygreen-ui/callout
leafyGreen UI Kit Callout
Last updated 3 months ago by brookescarlett .
Apache-2.0 · Original npm · Tarball · package.json
$ cnpm install @leafygreen-ui/callout 
SYNC missed versions from official npm registry.

Callout

npm (scoped)

View on Storybook

Installation

Yarn

yarn add @leafygreen-ui/callout

NPM

npm install @leafygreen-ui/callout

Example

<Callout variant={Variant.Note} title="Title">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  Lorem Ipsum has been the industrys standard dummy text ever since the 1500s,
  when an unknown printer took a galley of type and scrambled it to make a type
  specimen book.
</Callout>

Output HTML

<div className="leafygreen-ui-15l3je2">
  <div>
    <div className="leafygreen-ui-1gyqpuu">
      <svg
        width="16"
        height="16"
        role="img"
        viewBox="0 0 16 16"
        className="leafygreen-ui-1n4dsve"
      >
        <title>Edit Icon</title>
        <path
          d="M11.352 6.648l-2-2L11 3l2 2-1.648 1.648zM6 12l-3 1 1-3 4.648-4.648 2 2L6 12z"
          fill="currentColor"
          fillRule="evenodd"
        ></path>
      </svg>
      <div>Note</div>
    </div>
    <div className="leafygreen-ui-1wkamxg">
      <div className="leafygreen-ui-oll38v">Title</div>
      <div className="leafygreen-ui-7kuxj3">
        Lorem Ipsum is simply dummy text of the printing and typesetting
        industry. Lorem Ipsum has been the industry's standard dummy text ever
        since the 1500s, when an unknown printer took a galley of type and
        scrambled it to make a type specimen book.
      </div>
    </div>
  </div>
</div>

Properties

Prop Type Description Default
variant note, tip, important, warning, example Sets the variant for the Callout
children node The contents to display within the Callout
title string Optional title text to display above Callout text
className string Adds a className to the outermost element

Current Tags

  • 2.0.2                                ...           latest (3 months ago)

12 Versions

  • 2.0.2                                ...           3 months ago
  • 2.0.1                                ...           3 months ago
  • 2.0.0                                ...           3 months ago
  • 1.2.3                                ...           3 months ago
  • 1.2.2                                ...           3 months ago
  • 1.2.1                                ...           4 months ago
  • 1.2.0                                ...           5 months ago
  • 1.1.2                                ...           5 months ago
  • 1.1.1                                ...           6 months ago
  • 1.1.0                                ...           6 months ago
  • 1.0.1                                ...           7 months ago
  • 1.0.0                                ...           7 months ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 12
Dev Dependencies (1)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |