zextra/src/components/containers/wrap/main.js

zikojs extra components

import { ZextraUI } from '../../../constructor/zextra-ui.js';
import { call_with_optional_props } from 'ziko/dom';

export class UIWrap extends ZextraUI{
    constructor({as = 'div', gap} = {}, ...items){
        super({element : as})
        this.setAttr({class : 'zextra wrap'})
        this.append(...items);
        this.setGap(gap);
    }
    setGap(gap){
        this.element.style.setProperty('--zextra-gap', gap);
        return this;
    }
}
export const Wrap = call_with_optional_props(UIWrap)