@ismail-elkorchi/ui-patterns

Composed UI patterns built from UIK primitives. Patterns are Custom Elements that assemble primitives into higher-level flows while exposing clear slots, parts, and token-backed theming hooks.

Dependency rules

• Depends on @ismail-elkorchi/ui-primitives and @ismail-elkorchi/ui-tokens.
• Must not depend on @ismail-elkorchi/ui-shell.
• Patterns consume primitives via public attributes/props only.

Using the patterns

import "@ismail-elkorchi/ui-tokens/index.css";
import "@ismail-elkorchi/ui-primitives/register";
import "@ismail-elkorchi/ui-patterns/register";

<uik-empty-state>
  <span slot="title">No data yet</span>
  <span slot="description">Create your first record to get started.</span>
  <div slot="actions">
    <uik-button variant="solid">Create record</uik-button>
  </div>
</uik-empty-state>