franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
82 lines (81 loc) • 2.63 kB
JavaScript
import merge from 'lodash/merge.js';
import { accordion, alert, article, badge, background, breadcrumb, button, card, close, column, comment, descriptionList, divider, dotnav, dropbar, dropdown, extensions, formRange, form, grid, heading, icon, iconnav, label, lightbox, link, list, margin, marker, modal, nav, navbar, notification, offcanvas, padding, pagination, placeholder, position, progress, search, section, slidenav, stepper, subnav, switcher, tab, table, text, tile, tooltip, utility } from './components/index.js';
export default (options = {}) => {
const defaultHooks = {
accordion: accordion(),
alert: alert(),
// align: {},
animation: {},
article: article(),
background: background(),
badge: badge(),
breadcrumb: breadcrumb(),
button: button(),
card: card(),
close: close(),
column: column(),
comment: comment(),
// container: {},
// countdown: {},
// cover: {},
'description-list': descriptionList(),
divider: divider(options),
dotnav: dotnav(),
// drop: {},
dropbar: dropbar(),
dropdown: dropdown(),
// dropnav: {},
extensions: extensions(options),
// flex: {},
'form-range': formRange(),
form: form(options),
grid: grid(),
heading: heading(),
// height: {},
icon: icon(),
iconnav: iconnav(),
label: label(),
// leader: {},
lightbox: lightbox(),
link: link(),
list: list(),
margin: margin(),
marker: marker(),
modal: modal(),
nav: nav(),
navbar: navbar(),
notification: notification(),
offcanvas: offcanvas(),
// overlay: {},
padding: padding(),
pagination: pagination(),
placeholder: placeholder(),
position: position(),
progress: progress(),
search: search(),
section: section(),
slidenav: slidenav(),
// slider: {},
// slideshow: {},
// sortable: {},
// spinner: {},
stepper: stepper(options),
// sticky: {},
subnav: subnav(),
// svg: {},
switcher: switcher(),
tab: tab(),
table: table(),
text: text(),
// thumbnav: {},
tile: tile(),
tooltip: tooltip(),
// totop: {},
// transition: {},
utility: utility()
// visibility: {},
// width: {},
// print: {},
};
return merge({}, defaultHooks, options.overrides);
};