0.0.78 • Published 3 days ago

@ppwcode/ng-common-components v0.0.78

Weekly downloads
-
License
-
Repository
-
Last release
3 days ago

NgCommonComponents

This library was generated with Angular CLI version 16.2.0.

Optional dependencies

"@js-joda/core": "^5.5.3",
"@js-joda/extra": "^0.11.3",
"@js-joda/locale": "^4.8.10",
"@js-joda/timezone": "^2.18.0",
"@types/luxon": "^3.3.2",
"date-fns": "^2.30.0",
"luxon": "^3.4.3"

Library contents

enum

Severity

An enum that indicates the severity of a message

Expandable card

A card with a colored top-bar. The card can be expanded and collapsed which can optionally be disabled.

Message bar

A card that can show a message of a specific severity. It is colored depending on the secerity.

Search filter

A component to show search filters in a card with a search button and a reset-form button.

Table

A component to render search result in a grid. All columns can be configured to render correctly.

Usage

Theming

The following CSS variables are available for theming. Just add them to the body selector.

ppw-expandable-card

Variable nameExtra info
--ppw-expandable-card-header-background-color
--ppw-expandable-card-header-indicator-color
--ppw-expandable-card-header-text-color
--ppw-expandable-card-header-height-collapsedDefaults to 32px
--ppw-expandable-card-header-height-expandedDefaults to 32px

ppw-message-bar

Variable nameExtra info
--ppw-message-bar-error-background-color
--ppw-message-bar-error-text-color
--ppw-message-bar-info-background-color
--ppw-message-bar-info-text-color
--ppw-message-bar-marginAdds extra margin to the outer section of the message bar.
--ppw-message-bar-spacingAdds extra spacing to the inner section of the message bar.
--ppw-message-bar-success-background-color
--ppw-message-bar-success-text-color
--ppw-message-bar-warning-background-color
--ppw-message-bar-warning-text-color

ppw-table

Variable nameExtra info
--ppw-table-height
--ppw-table-row-highlight-background-color
0.0.77

3 days ago

0.0.78

3 days ago

0.0.76

8 days ago

0.0.75

1 month ago

0.0.74

1 month ago

0.0.73

2 months ago

0.0.72

2 months ago

0.0.71

3 months ago

0.0.70

3 months ago

0.0.69

3 months ago

0.0.68

3 months ago

0.0.67

4 months ago

0.0.66

4 months ago

0.0.65

5 months ago

0.0.63

5 months ago

0.0.64

5 months ago

0.0.62

5 months ago

0.0.60

5 months ago

0.0.61

5 months ago

0.0.59

5 months ago

0.0.58

5 months ago

0.0.57

5 months ago

0.0.56

5 months ago

0.0.55

5 months ago

0.0.54

5 months ago

0.0.53

6 months ago

0.0.52

6 months ago

0.0.51

6 months ago

0.0.50

6 months ago

0.0.49

6 months ago

0.0.48

6 months ago

0.0.47

6 months ago

0.0.46

6 months ago

0.0.45

6 months ago

0.0.44

7 months ago

0.0.43

7 months ago

0.0.42

7 months ago

0.0.41

7 months ago

0.0.40

7 months ago

0.0.39

7 months ago

0.0.38

7 months ago

0.0.37

7 months ago

0.0.36

7 months ago

0.0.35

8 months ago

0.0.34

8 months ago

0.0.33

8 months ago

0.0.31

8 months ago

0.0.30

8 months ago

0.0.29

8 months ago

0.0.28

8 months ago

0.0.27

8 months ago

0.0.26

8 months ago

0.0.25

8 months ago

0.0.24

8 months ago

0.0.23

8 months ago

0.0.22

8 months ago

0.0.21

8 months ago

0.0.20

8 months ago

0.0.19

8 months ago

0.0.18

8 months ago

0.0.17

8 months ago

0.0.16

8 months ago

0.0.15

8 months ago

0.0.14

8 months ago

0.0.13

8 months ago

0.0.12

8 months ago

0.0.11

8 months ago

0.0.10

8 months ago

0.0.9

8 months ago

0.0.8

8 months ago

0.0.7

8 months ago

0.0.6

8 months ago

0.0.5

8 months ago

0.0.4

8 months ago

0.0.3

8 months ago

0.0.2

8 months ago

0.0.1

8 months ago