Panel

Komponent karty.

Opcje

• className | string: Nazwa klasy CSS. Default: ''.
• header | (string|node): nagłówek panelu. Default: none.
• headerTag | string: znacznik używany dla nagłówka panelu. Default: 'h3'.
• footer | (string|node): stopka panelu. Default: none.
• minimizable | boolean: czy panel może być zminimalizowany. Default: false.
• defaultMinimized | boolean: kontroluje czy panel powinien być domyślnie zminimalizowany (dotyczy tylko gdy minimizable jest ustawione na true). Default: false.
• fullscreen | boolean: czy panel może być wykonany w trybie pełnoekranowym (tylko dla instruktorów). Default: false.
• hideTooltip | string: etykieta narzędzi wyświetlana nad przyciskiem ukrywania. Default: none.
• trapFocus | boolean: czy uwięzić fokus użytkownika w panelu. Default: false.
• bodyStyle | object: CSS style inline dla ciała. Default: {}.
• footerStyle | object: Style inline CSS dla stopki. Default: {}.
• bodyClassName | string: Nazwa klasy CSS dla ciała. Default: ''.
• footerClassName | string: Nazwa klasy CSS dla stopki. Default: ''.
• style | object: Style inline CSS dla kontenerów. Default: {}.
• onHide | function: wywołanie zwrotne po kliknięciu przycisku zamknięcia. Default: none.

Przykłady

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

Edytor na żywo

<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>

Wynik

ReferenceError: Provider is not defined