Panel

Kortin osa.

Vaihtoehdot

• className | string: CSS-luokan nimi. Default: ''.
• header | (string|node): paneelin otsikko. Default: none.
• headerTag | string: tag, jota käytetään paneelin otsikossa. Default: 'h3'.
• footer | (string|node): paneelin alatunniste. Default: none.
• minimizable | boolean: voidaanko paneeli minimoida. Default: false.
• defaultMinimized | boolean: ohjaa, minimoidaanko paneeli oletusarvoisesti (sovelletaan vain, kun minimizable on asetettu true).. Default: false.
• fullscreen | boolean: voidaanko paneeli tehdä koko näytön kokoiseksi (vain ohjaajille).. Default: false.
• hideTooltip | string: Piilota-painikkeen yläpuolella näkyvä työkaluvihje. Default: none.
• trapFocus | boolean: halutaanko käyttäjän fokus jäädyttää paneeliin.. Default: false.
• bodyStyle | object: CSS-inline-tyylit runkoa varten. Default: {}.
• footerStyle | object: CSS-inline-tyylit alatunnisteeseen. Default: {}.
• bodyClassName | string: CSS-luokan nimi runkoa varten. Default: ''.
• footerClassName | string: CSS-luokan nimi alatunnisteelle. Default: ''.
• style | object: CSS inline-tyylit säiliölle. Default: {}.
• onHide | function: callback, joka käynnistetään, kun sulkemispainiketta napsautetaan.. Default: none.

Esimerkkejä

• Minimal
• With Header
• Header and Footer
• With CSS

Live Editor

<Panel> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </Panel>

<Panel>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</Panel>

Tulos

ReferenceError: Provider is not defined