~/talk

Can you build a design system with Chakra UI Vue?

Talkat Vuejs Amsterdam 2023 · 2023-02-09..02-10· [vue]
slides:none on file

Claims that you can build a complete design system with Chakra UI Vue and the demo proves it: a small project uses the plugin, extends the theme, imports design tokens from Figma, creates semantic tokens for light/dark, and exports a button with baseStyle, a new size and three variants plus an accordion; accessibility is already handled via accessible components. The workflow runs in Vue 3/TypeScript, the playground renders, and the theme changes propagate immediately.

AI-written summary · about

  1. 0:00Start
  2. 3:58Design Systems
  3. 4:28Design System = Dessert table
  4. 8:31Project
  5. 14:48Semantic tokens
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.