Lily Design System™

Dè th’ ann an Lily?

Siostam dealbhaidh an-asgaidh, le tùs fosgailte, a’ cur so-ruigsinneachd an toiseach, a choinnicheas riut far am bi thu a’ sgrìobhadh còd — agus a thèid a-mach às do rathad nuair nach eil feum agad air.

Gu goirid

’S e catalog de cho-phàirtean-lìna th’ ann an Lily, gach fear air a thoirt gu buil ann an ochd dòighean gun cheann (HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks agus Web Components) agus cuideachd sreath de thagraidhean eisimpleir làn-uidheamaichte a sheallas mar a nì thu stoidhle orra.

Tha na dreachan gun cheann a’ tighinn le neoni CSS. Bheir iad dhut HTML seamantach, dreuchdan agus staidean ARIA, taic a’ chlàr-iuchrach agus props a tha càirdeil do i18n. Bheir thu fhèin an dealbhadh lèirsinneach.

Prionnsapalan dealbhaidh

So-ruigsinneach

Tòisichidh gach co-phàirt le HTML seamantach. Cuirear ARIA ris a-mhàin far nach urrainn don HTML fhèin am pàtran a chur an cèill. Tha na co-phàirtean ag amas air WCAG 2.2 AAA — thathar a’ beachdachadh air dathan, beàrnan, fòcas agus seòladh a’ chlàr-iuchrach.

So-chur-ri-chèile

Is fheàrr le Lily co-phàirtean beaga aon-adhbhair a tha a’ freagairt ri chèile. Nochdaidh pàtranan measgaichte a-rithist is a-rithist:

  • Nav → List → ListItem — airson criomagan-aran, liostaichean susbainte, clàran-taice accordion, clàran-taice craoibhe agus duilleachadh
  • Form → Field → Input — airson cruth-dhealbh foirm sam bith le leubailean, molaidhean agus mearachdan
  • Table → Head/Body/Foot → Row → Data — airson clàran, mìosachain, cartaichean Gantt agus bùird kanban
  • Bar → BarButton — airson bàraichean-inneal, bàraichean-tabaichean, bàraichean-gnìomhan, bàraichean-gnìomha agus bàraichean-clàir-taice
  • Picker → PickerButton — airson roghnaichean dhathan, roghnaichean rangachaidh, roghnaichean ùrlair

Eadar-nàiseantach

Chan eil aon sreang a chì cleachdaiche air a cruaidh-chòdachadh. Leubailean, àiteachan-glèidhidh, teachdaireachdan mearachd, teacsa putain — uile nam paramadairean. Cuir a-steach an siostam eadar-theangachaidh agad fhèin agus bruidhnidh Lily ge bith dè a’ chànan a bhruidhneas tu.

Gun cheann

Chan eil aig co-phàirtean gun cheann CSS, no <style> bloca sam bith, no tòcain dealbhaidh nach do thagh thu. Tha iad a’ nochdadh aon ainm clas kebab-case air gach freumh-eileamaid gus an urrainn dhut targaid a thoirt orra mar a thogras tu — CSS seamantach, Tailwind, CSS-in-JS, do roghainn.

Eisimpleirean làn-uidheamaichte

Sheall na tagraidhean eisimpleir mar a nì thu stoidhle air na co-phàirtean airson fìor chleachdadh — dè na tòcain dealbhaidh a shuidhicheas tu, dè na caochlaidhean a chuireas tu ris, mar a chuireas tu duilleagan ri chèile. ’S e tagraidhean SvelteKit, Next.js, Nuxt, Blazor agus Eleventy iomlan a th’ annta, chan e dìreach bogsaichean-gainmhich.

Brosnachaidhean

Bidh Lily a’ tarraing phàtranan is cànain à raon farsaing de shiostaman dealbhaidh a thagh i a dh’aona ghnothach:

Cead

Tha Lily air a cheadachadh ann an iomadh dòigh fo BSD, MIT, Apache-2.0, GPL-2.0 no GPL-3.0. Tagh cò air bith a fhreagras air do phròiseact. Mura obraich gin dhiubh, cuir fios thugainn.

Fios thugainn

Ceannard a’ phròiseict: Joel Parker Henderson — joel@joelparkerhenderson.com.

An d’ fhuair thu buga, am bheil beachd agad, a bheil thu airson co-phàirt a chur ris? Fosgail cùis no iarrtas tarraing air GitHub.

Inbhe: ’S e obair gu tur ùr a th’ ann an Lily agus tha sinn fàilteachail do cho-obrachadh, stiùireadh agus fios air ais. Gluaisidh is atharraichidh cùisean.