@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
43 lines (42 loc) • 1.52 kB
JavaScript
import { defineComponent as t, useAttrs as o } from "vue";
import { NeonOrientation as e } from "../../../common/enums/NeonOrientation.es.js";
import { NeonResponsive as r } from "../../../common/enums/NeonResponsive.es.js";
import { NeonSize as n } from "../../../common/enums/NeonSize.es.js";
const m = t({
name: "NeonCard",
props: {
/**
* Change the orientation of a card to horizontal. This is useful for creating long narrow cards spanning the full
* page. NOTE: For responsiveness, horizontal cards are automatically transformed to vertical cards at lower screen
* sizes.
*/
orientation: { type: String, default: e.Vertical },
/**
* The size of the card, this only adjusts the padding where more compact cards are required.
*/
size: { type: String, default: n.Medium },
/**
* Whether to display the internal borders between card sections for horizontal cards
*/
horizontalBorders: { type: Boolean, default: !0 },
/**
* The breakpoint to switch horizontal cards to vertical cards. Accepts <em>Mobile | MobileLarge | Tablet</em> ONLY.
* @type NeonResponsive
*/
horizontalBreakpoint: { type: String, default: r.MobileLarge },
/**
* If true, do not implement a responsive breakpoint for a horizontal card.
*/
noBreak: { type: Boolean, default: !1 }
},
setup(a) {
return {
attrs: o(),
NeonOrientation: e
};
}
});
export {
m as default
};
//# sourceMappingURL=NeonCard.es.js.map