Aura - Tab Group |
---|
settings | {"generalSettings":{"tabSpacing":0,"tabWidth":100,"tabHeight":55,"direction":"horizontal"},"activeSettings":{"backgroundColor":{"color":"#052453"},"text":{"fontSize":16,"color":"#f3f3f3","textAlign":"left","fontWeight":"bold"},"border":{"top":false,"left":false,"right":false,"bottom":true,"width":3,"style":"solid","color":"#052453"}},"inactiveSettings":{"backgroundColor":{"color":"#f3f3f3"},"text":{"fontSize":18,"color":"#052453","textAlign":"left","fontWeight":"normal"}},"contentSettings":{"padding":{"top":25,"right":25,"bottom":25,"left":25},"backgroundColor":{"color":"#ffffff"},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.2)","x":0,"y":1,"blur":6,"spread":0},{"color":"rgba(0, 0, 0, 0.4)","x":0,"y":12,"blur":4,"spread":-10}]}},"hoverSettings":{"backgroundColor":{"color":"#dfe1e6"},"text":{"fontSize":18,"color":"#091e42","textAlign":"left","fontWeight":"lighter"}}} |
---|
tab | 1 |
---|
|
Aura - Tab |
---|
icon | faNetworkWired |
---|
title | Themenbereich AFunktionen Mitglieder |
---|
|
Aura - Title |
---|
color | #052453 |
---|
textAlign | left |
---|
fontSize | 24 |
---|
lineHeight | 24 |
---|
cloudText | Demo Title |
---|
tag | p |
---|
fontWeight | normal |
---|
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr? |
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet: - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Sed diam nonumy eirmod tempor invidunt ut labore et
- Dolore magna aliquyam erat, sed diam voluptua
Inspiration & neue Ideen finden Sie hier: Aura - Button |
---|
elevation | flat |
---|
outlined | outlined |
---|
borderRadius | 2 |
---|
color | #FFFFFF |
---|
size | small |
---|
background | #091e42 |
---|
iconPosition | right |
---|
hrefType | |
---|
href | |
---|
label | Weiterführende Infos |
---|
alignment | left |
---|
| (Open in a new Tab!)
|
Aura - Tab |
---|
icon | faUserEdit |
---|
title | Themenbereich B |
---|
|
Aura - Title |
---|
color | #052453 |
---|
textAlign | left |
---|
fontSize | 24 |
---|
lineHeight | 24 |
---|
cloudText | Demo Title |
---|
tag | p |
---|
fontWeight | normal |
---|
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr? |
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet: - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Sed diam nonumy eirmod tempor invidunt ut labore et
- Dolore magna aliquyam erat, sed diam voluptua
Inspiration & neue Ideen finden Sie hier: Aura - Button |
---|
elevation | flat |
---|
outlined | outlined |
---|
borderRadius | 2 |
---|
color | #FFFFFF |
---|
size | small |
---|
background | #091e42 |
---|
iconPosition | right |
---|
hrefType | |
---|
href | |
---|
label | Weiterführende Infos |
---|
alignment | left |
---|
| (Open in a new Tab!)
Aura - Title |
---|
color | #052453 |
---|
textAlign | left |
---|
fontSize | 24 |
---|
lineHeight | 24 |
---|
cloudText | Demo Title |
---|
tag | p |
---|
fontWeight | normal |
---|
| Lorem ipsum dolor sit amet, consetetur sadipscing elitr? |
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet: - Lorem ipsum dolor sit amet, consetetur sadipscing elitr
- Sed diam nonumy eirmod tempor invidunt ut labore et
- Dolore magna aliquyam erat, sed diam voluptua
Inspiration & neue Ideen finden Sie hier: Aura - Button |
---|
elevation | flat |
---|
outlined | outlined |
---|
borderRadius | 2 |
---|
color | #FFFFFF |
---|
size | small |
---|
background | #091e42 |
---|
iconPosition | right |
---|
hrefType | |
---|
href | |
---|
label | Weiterführende Infos |
---|
alignment | left |
---|
| (Open in a new Tab!)
|
|
|