npm.io
1.2.0 • Published 3 years ago

@forter/popover-item

Licence
Apache-2.0
Version
1.2.0
Deps
1
Size
43 kB
Vulns
0
Weekly
0

fc-popover-item

An element by Forter

Usage

<script>
   import '@forter/popover-item';
</script>

<fc-popover-item>
     <fc-icon icon="loyalty"></fc-icon>
     <section> protects your loyalty program accounts from unauthorized access or attempts to steal their points </section>
</fc-popover-item>

Properties

Property Attribute Type Default Description
disabled disabled boolean false If the element is disabled

CSS Custom Properties

Property Description
--fc-popover-item-background-color background-color, default: transparent.
--fc-popover-item-border-radius border-radius, default: 10px.
--fc-popover-item-cursor cursor, default: pointer.
--fc-popover-item-disabled-background-color background-color when disabled, default: var(--fc-gray-100).
--fc-popover-item-disabled-cursor cursor when disabled, default: no-drop.
--fc-popover-item-hover-background-color background-color on hover and focus, default: var(--fc-gray-100).
--fc-popover-item-padding padding, default: 10px.