2.8.4 • Published 21 days ago
@maggioli-design-system/mds-paginator-item v2.8.4
mds-paginator-item
This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
disabled | disabled | Specifies if the item is disabled or not, is handled from the parent paginator | boolean \| undefined | undefined |
icon | icon | Specifies the icon used inside the paginator item | string \| undefined | undefined |
selected | selected | Specifies if the item is selected or not, is handled from the parent paginator | boolean \| undefined | undefined |
Slots
Slot | Description |
---|---|
"default" | Add text string to this slot, avoid to add HTML elements or components here. |
CSS Custom Properties
Name | Description |
---|---|
--mds-paginator-item-background | Sets the background-color of the pages area and the item |
--mds-paginator-item-background-disabled | Sets the background-color of the item when is disabled |
--mds-paginator-item-background-hover | Sets the background-color of the item when the mouse is over it |
--mds-paginator-item-background-selected | Sets the background-color of the item when is selected |
--mds-paginator-item-color | Sets the text color of the component |
--mds-paginator-item-color-disabled | Sets the color of the item when is disabled |
--mds-paginator-item-color-hover | Sets the text color of the item when the mouse is over it |
--mds-paginator-item-color-selected | Sets the text color of the item when is selected |
--mds-paginator-item-radius | Sets the border-radius of the component |
--mds-paginator-item-shadow | Sets the box-shadow of the component |
--mds-paginator-item-shadow-disabled | Sets the box-shadow of the item when is disabled |
--mds-paginator-item-shadow-hover | Sets the box-shadow of the item when the mouse is over it |
--mds-paginator-item-shadow-selected | Sets the box-shadow of the item when is selected |
--mds-paginator-item-size | Sets the height and the min-width of the paginator item |
Dependencies
Used by
Depends on
Graph
graph TD;
mds-paginator-item --> mds-icon
mds-paginator-item --> mds-text
mds-paginator --> mds-paginator-item
style mds-paginator-item fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
2.8.4
21 days ago
2.8.3
3 months ago
2.8.2
3 months ago
2.8.1
3 months ago
2.8.0
3 months ago
2.7.3
4 months ago
2.7.2
5 months ago
2.4.1
7 months ago
2.4.0
8 months ago
2.7.0
6 months ago
2.6.0
6 months ago
2.4.2
7 months ago
2.7.1
6 months ago
2.3.0
1 year ago
2.2.0
1 year ago
2.1.1
1 year ago
1.0.1
1 year ago
2.1.0
1 year ago
2.0.0
1 year ago
1.0.0
2 years ago