1.2.0 • Published 2 years ago
@forter/popover-item v1.2.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. |