...
| Blok kódu | ||
|---|---|---|
| ||
// otémovaná verzia komponentu alert
import alert from 'framework/components/alert/themedAlert'
// verzia komponentu alert bez CSS štýlov - neotémovaná, CSS je nutné ručne naimportovať
// import alert from 'framework/components/alert/alert'
// príklad použitia
alert({title: 'Úspech', text: 'Podarilo sa to!', type: 'success'});
|
...
| Názov atribútu | Typ | Povinný | Predvolená hodnota | Popis |
|---|---|---|---|---|
| name | string | Unikátne meno pre HTML element <input>. | ||
| className | string | Názov CSS triedy, ktorá bude aplikovaná na HTML element <input> zobrazujúci vybraný dátum. | ||
| defaultValue | string date | Predvolená hodnota. Môže byť zadaná ako text alebo ako objekt date. | ||
| disabled | bool | false | Zakáže alebo povolí modifikáciu. | |
| enableKeyboardEdit | bool | true | Povolí alebo zakáže modifikáciu pomocou kláves. |
...
Príklad použitia
| Blok kódu | ||
|---|---|---|
| ||
// otémovaná verzia komponentu alert
import DatePicker from 'framework/components/datetime/themedBootstrapDatePicker'
// verzia komponentu bez CSS štýlov - neotémovaná, CSS je nutné ručne naimportovať
// import DatePicker from 'framework/components/datetime/bootstrapDatePicker'
// príklad použitia v JSX
<div className="row">
<div className="col-md-2">
<DatePicker defaultValue={new Date()}/>
</div>
</div>
|
BootstrapDateRangePicker
Komponenta BootstrapDateRangePicker je rozšírením dátumovníka. Zobrazuje dva dátumy, ktorými sa definuje interval. Atribúty zabaleného komponentu Bootstrap Datepicker rozširuje o nasledovné:
...