starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-09-08 00:03:07 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
e97ddee8e8e410229e644be37e3fe3bc8a735131
windmill/frontend/src/lib/components/apps/editor/component/README.md
T
Ádám Kovács f3c24ee3c6 feat(frontend): Add quick style settings to app editor (#1308) 
* feat(frontend): Add app secondary settings menu

* refactor(frontend): Separate color picker

* save

* feat(frontend): Add quick style options

* fix(frontend): Handle overflow

* feat(frontend): Add suggestions to quick styles

* save wip

* feat(frontend): Add UI for quick styling

* fix(frontend): Handle multi value properties

* fix(frontend): Convenience updates

* feat(frontend): Add styling properties to components

* fix(frontend): Parse inner colors

* fix(frontend): Multi value sync

* fix(frontend): Correct unit handling

* fix(frontend): Correct multivalue handling

* remove comments

* fix color picker label

* feat(frontend): Add box-shadow property

* feat(frontend): Add concise unit selector

* feat(frontend): Update app labels

* remove unused imports

* fix width

* fix(frontend): App freezing

* fix(frontend): Remove unused imports

* fix(frontend): Conditional chaining

* fix

* revert

* minor updates

* feat(frontend): Add 'apply style to all' button

* fix(frontend): Update styling properties

* fix(frontend): Styling menu typography update
2023-03-24 18:26:16 +01:00

939 B
Raw Blame History

How to add new components

  1. components.ts:
    1. Create a type for the new component and add it to the AppComponent union type
    2. Add the component to the components record
  2. sets.ts:
    1. Add the component to one of the component sets: layout, buttons, inputs or display (this controls which group the component will be placed in in the Insert menu)
  3. quickStyleProperties.ts:
    1. Add the component to the quickStyleProperties record
    2. (optional) Add the CSS properties that could be applied to the component parts
  4. Component.svelte:
    1. Add the new component in the Svelte if statement
  5. default-codes.ts:
    1. (optional) Add the default code associated with the new component to the DEFAULT_CODES record
Reference in New Issue View Git Blame Copy Permalink