thaw 0.4.8

An easy to use leptos component library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

.thaw-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    row-gap: var(--spacingHorizontalXXS);
    max-height: 80vh;
    padding: var(--spacingHorizontalXS);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    border-radius: var(--borderRadiusMedium);
    box-shadow: var(--shadow16);
    overflow-y: auto;
    transform-origin: inherit;
}

[data-thaw-placement="top-start"] > .thaw-menu,
[data-thaw-placement="top-end"] > .thaw-menu,
[data-thaw-placement="top"] > .thaw-menu {
    margin-bottom: 4px;
}

[data-thaw-placement="bottom-start"] > .thaw-menu,
[data-thaw-placement="bottom-end"] > .thaw-menu,
[data-thaw-placement="bottom"] > .thaw-menu {
    margin-top: 4px;
}

[data-thaw-placement="left-start"] > .thaw-menu,
[data-thaw-placement="left-end"] > .thaw-menu,
[data-thaw-placement="left"] > .thaw-menu {
    margin-right: 4px;
}

[data-thaw-placement="right-start"] > .thaw-menu,
[data-thaw-placement="right-end"] > .thaw-menu,
[data-thaw-placement="right"] > .thaw-menu {
    margin-left: 4px;
}