Den som bygger webbplatser kan som standard ange justering, bredd och mellanrum i dialogrutan för inställningar i en komponent. Som utvecklare kanske du istället vill dölja dessa alternativ på en anpassad komponent för att förhindra medverkande till innehåll att återge innehåll på ett sätt som är inkonsekvent med webbplatstemat. Om du till exempel vill främja en konsekvent utformning som centrerar en knapp och håller avståndet till 30 pixlar kan du dölja alternativen för att ändra dem i inställningarna genom att redigera temats components.json-fil.
Det kan också hända att du vill åsidosätta en anpassad komponents inledande standardvärden, vilket du också kan göra genom att redigera components.json-filen. Ändringar av inledande värden gäller endast för komponenter som läggs till på sidan efter det att den redigerade components.json-filen har laddats upp som ny version.
Dölja inställningsalternativ för justering, bredd eller mellanrum för en komponent i ett tema:
true
.
"type":"scs-button", "id":"scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true,
"initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30
Den fullständiga posten i components.json-filen som anger standardvärden och döljer alternativ för justering, bredd och mellanrum i inställningsdialogrutan för en knappkomponent i ett tema skulle se ut så här:
[ { "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 } ] } ]