8.0.1 • Published 1 year ago

@leafygreen-ui/banner v8.0.1

Weekly downloads
28
License
Apache-2.0
Repository
github
Last release
1 year ago

Banner

npm (scoped)

View on MongoDB.design

Installation

Yarn

yarn add @leafygreen-ui/banner

NPM

npm install @leafygreen-ui/banner

Example

<Banner>This is the banner content</Banner>

Output HTML

<div role="alert" class="leafygreen-ui-zvv1x8">
  <svg
    width="16"
    height="16"
    role="img"
    viewBox="0 0 16 16"
    class="leafygreen-ui-1e46tsl"
  >
    <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"
      fill-rule="evenodd"
    />
  </svg>
  <span class="leafygreen-ui-1kr3ls8">This is the banner content.</span>
</div>

Properties

PropTypeDescriptionDefault
variant'info', 'warning', 'danger', 'success'Sets the variant for the Banner'info'
dismissiblebooleanDetermines whether or not the Banner is dismissiblefalse
onCloseReact.MouseEventHandlerCallback fired when dismiss button is clicked() => {}
imageReact.ReactElementIllustration that will replace default Icon when the prop is supplied
baseFontSize13, 16Determines font-size for body copy in Callout component13
darkModebooleanDetermines if the component renders in dark themefalse
...native div attributesAny other props will be spread on the root div element
8.0.1

1 year ago

8.0.0

1 year ago

7.0.20

1 year ago

7.0.19

1 year ago

8.0.0-alpha.0

2 years ago

8.0.0-alpha.1

2 years ago

7.0.12

2 years ago

7.0.13

2 years ago

7.0.10

2 years ago

7.0.11

2 years ago

7.0.18

2 years ago

7.0.16

2 years ago

7.0.17

2 years ago

7.0.14

2 years ago

7.0.15

2 years ago

7.0.8

2 years ago

7.0.7

2 years ago

7.0.9

2 years ago

7.0.8-next.6

2 years ago

7.0.8-next.5

2 years ago

7.0.8-next.7

2 years ago

7.0.8-next.2

2 years ago

7.0.8-next.1

2 years ago

7.0.8-next.4

2 years ago

7.0.8-next.3

2 years ago

7.0.8-next.0

2 years ago

7.0.4

2 years ago

7.0.6

2 years ago

7.0.5

2 years ago

7.0.3

2 years ago

7.0.0

3 years ago

7.0.2

2 years ago

7.0.1

3 years ago

5.0.3

3 years ago

5.0.2

3 years ago

5.0.1

3 years ago

6.0.1

3 years ago

6.0.0

3 years ago

5.0.1-test.0

3 years ago

5.0.0

3 years ago

5.0.1-next.0

3 years ago

5.0.1-next.1

3 years ago

5.0.1-next.2

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago