Прошириви

Прошириви виџет користи прилагођени елемент <devsite-expandable> да би омогућио корисницима да сакрију или прикажу делове садржаја у проширивом одељку. У Маркдовн датотеци, умотајте прилагођени елемент стандардним ХТМЛ елементом, као што је <section> или <div> .

Пребацивање секције

Следећи пример је умотан у <devsite-expandable> прилагођени елемент који је подразумевано постављен на скривену позицију. Његов наслов има атрибут class који се зове showalways .

Овај наслов се увек приказује

Овај параграф подразумевано има скривену позицију.

This code block within the custom element also defaults to a hidden
    position.

Прилагођена контрола

Следећи пример додаје класу expand-control елементу button прилагођеног елемента <devsite-expandable> да би се проширио и скупио одељак без прекидача.

Доступне су многе опције

Проширите једном

Следећи пример додаје класу expand-control once на везу унутар прилагођеног елемента <devsite-expandable> који приказује додатни садржај када се кликне, а затим нестаје са странице.

Лорем Ипсум

Лорем ипсум долор сит амет, цонсецтетур адиписицинг елит, сед до еиусмод темпор инцидидунт ут лаборе ет долоре магна аликуа. Ут еним ад миним вениам, куис ноструд екерцитатион улламцо лаборис ниси ут аликуип ек еа цоммодо цонсекуат.

Више...

Дуис ауте ируре долор ин репрехендерит ин волуптате велит ессе циллум долоре еу фугиат нулла париатур. Екцептеур синт оццаецат цупидатат нон проидент, сунт ин цулпа куи оффициа десерунт моллит аним ид ест лаборум.

Аутоматско проширивање при повезивању

Следећи пример додаје #сампле1 ИД прилагођеном елементу <devsite-expandable> који аутоматски проширује одељак о учитавању странице када се повежете са њим.

Како се аутоматски проширити при повезивању

Затворите овај прошириви одељак, кликните на везу #сампле1 изнад, а затим поново учитајте страницу да бисте аутоматски проширили овај прошириви одељак.

Code block within the 'Auto-expand on linking' demo.

Отвори подразумевано

Следећи пример додаје expanded атрибут прилагођеном елементу <devsite-expandable> да би прошириви био подразумевано отворен.

Подразумевано проширено

Подразумевано отварање је одлично када имате много проширивих, као што су белешке о издању, али желите да оставите најновију отворену.