Useimmat komponentit sallivat oletusarvoisesti sen, että sivustoja luova käyttäjä voi määrittää komponentin asetusvalintaikkunan tasauksen, leveyden ja välistyksen valinnat. Kehittäjänä saatat kuitenkin haluta piilottaa nämä valinnat räätälöidyssä komponentissa, jotta sisällöntuottajat eivät muodostaisi sisältöä tavalla, joka on ristiriidassa sivuston teeman kanssa. Jos haluat esimerkiksi luoda yhdenmukaisen käyttötuntuman, jossa painike on keskellä ja välistys on 30 kuvapistettä, voit piilottaa näiden ominaisuuksien muokkausvalinnat muokkaamalla teeman components.json-tiedostoa.
Joskus voi myös olla tarpeen ohittaa räätälöidyn komponentin alkuperäiset oletusarvot. Sen voi myös tehdä muokkaamalla components.json-tiedostoa. Alkuperäisiin arvoihin tehdyt muutokset koskevat vain niitä komponentteja, jotka lisätään sivulle sen jälkeen, kun muokattu components.json-tiedosto on ladattu uutena versiona.
Komponentin tasauksen, leveyden tai välistyksen asetusvalintojen piilotus teemassa:
true
.
"type":"scs-button", "id":"scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true,
"initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30
Seuraavassa on täydellinen components.json-tiedoston merkintä, joka määrittää oletusarvot ja piilottaa tasauksen, leveyden ja välistyksen valinnat teemassa käytetyn painikekomponentin asetusvalintaikkunassa:
[ { "name": "", "list": [ { "type": "scs-button", "id": "scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true, "initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30 } } ] }, { "name": "Starter", "list": [ { "type": "component", "id": "StarterComponent", "themed": true }, { "type": "component", "id": "StarterFooter", "themed": true } ] } ]