openhab-webui/bundles/org.openhab.ui/doc/components/oh-rollershutter-card.md

110 lines
3.0 KiB
Markdown
Raw Normal View History

---
title: oh-rollershutter-card - Rollershutter Card
component: oh-rollershutter-card
label: Rollershutter Card
description: Display rollershutter controls in a card
source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.ui/doc/components/oh-rollershutter-card.md
---
# oh-rollershutter-card - Rollershutter Card
<!-- GENERATED componentDescription -->
Display rollershutter controls in a card
<!-- GENERATED /componentDescription -->
## Configuration
<!-- GENERATED props -->
### Card
Parameters of the card
- `title` <small>TEXT</small> _Title_
Title of the card
- `footer` <small>TEXT</small> _Footer text_
Footer of the card
- `noBorder` <small>BOOLEAN</small> _No Border_
Do not render the card border
- `noShadow` <small>BOOLEAN</small> _No Shadow_
Do not render a shadow effect to the card
- `outline` <small>BOOLEAN</small> _Outline_
Show the card outline
### Orientation
- `vertical` <small>BOOLEAN</small> _Vertical_
Vertical orientation
### Rollershutter Controls
- `item` <small>TEXT</small> _Item_
Rollershutter item to control
- `dirIconsStyle` <small>TEXT</small> _Direction Icons Style_
Icons to use for the UP/DOWN buttons
| Option | Label |
|--------|-------|
| `arrowtriangle_{dir}` | arrowtriangle_{dir} |
| `arrowtriangle_{dir}_fill` | arrowtriangle_{dir}_fill |
| `arrowtriangle_{dir}_circle` | arrowtriangle_{dir}_circle |
| `arrowtriangle_{dir}_circle_fill` | arrowtriangle_{dir}_circle_fill |
| `arrowtriangle_{dir}_square` | arrowtriangle_{dir}_square |
| `arrowtriangle_{dir}_square_fill` | arrowtriangle_{dir}_square_fill |
| `chevron_{dir}` | chevron_{dir} |
| `chevron_{dir}_2` | chevron_{dir}_2 |
| `chevron_compact_{dir}_2` | chevron_compact_{dir}_2 |
| `chevron_{dir}_fill` | chevron_{dir}_fill |
| `chevron_{dir}_circle` | chevron_{dir}_circle |
| `chevron_{dir}_circle_fill` | chevron_{dir}_circle_fill |
| `chevron_{dir}_square` | chevron_{dir}_square |
| `chevron_{dir}_square_fill` | chevron_{dir}_square_fill |
| `arrow_{dir}` | arrow_{dir} |
| `arrow_{dir}_2` | arrow_{dir}_2 |
| `arrow_{dir}_fill` | arrow_{dir}_fill |
| `arrow_{dir}_circle` | arrow_{dir}_circle |
| `arrow_{dir}_circle_fill` | arrow_{dir}_circle_fill |
| `arrow_{dir}_square` | arrow_{dir}_square |
| `arrow_{dir}_square_fill` | arrow_{dir}_square_fill |
| `arrow_{dir}_to_line` | arrow_{dir}_to_line |
| `arrow_{dir}_to_line_alt` | arrow_{dir}_to_line_alt |
- `stopIconStyle` <small>TEXT</small> _Stop Icon Style_
Icons to use for the STOP button
| Option | Label |
|--------|-------|
| `stop` | stop |
| `stop_fill` | stop_fill |
| `stop_circle` | stop_circle |
| `stop_circle_fill` | stop_circle_fill |
| `multiply` | multiply |
| `multiply_fill` | multiply_fill |
| `multiply_circle` | multiply_circle |
| `multiply_circle_fill` | multiply_circle_fill |
- `stateInCenter` <small>BOOLEAN</small> _State in Center_
Display state value inside the STOP button instead of icon
<!-- GENERATED /props -->