Что бы ты взял для сборки UI-кита с нуля?

Для сборки UI-кита с нуля я бы взял:

• Дизайн-систему: определение цветовой палитры, типографики, отступов и стилей.
• Компоненты: кнопки, формы, карточки, модальные окна и т.д., реализованные как переиспользуемые элементы.
• Инструменты разработки: например, React или Vue для создания компонентов, Storybook для документирования и визуального тестирования.
• Систему токенов: переменные для цветов, размеров и других параметров для легкой кастомизации.
• Документацию: описание использования компонентов, примеры и рекомендации.

Пример простого React-компонента кнопки в UI-ките:

const Button = ({ children, onClick, type = 'primary' }) => {
  const className = `btn btn--${type}`;
  return <button className={className} onClick={onClick}>{children}</button>;
};

export default Button;