Windmillcode Angular CDK
18.2.12000
Добро пожаловать в WindmillCode Angular Library, комплексный набор угловых компонентов, предназначенный для того, чтобы помочь вам создать привлекательные, надежные и удобные веб-приложения. Эта библиотека, также известная как комплект для разработки углового компонента WindMillCode (CDK), предоставляет набор многократных компонентов пользовательского интерфейса, каждый из которых создан с вниманием к деталям и производительности.
{/ */}
Angular может получить, скорее, словесный язык, который мы стремимся упростить угловой с помощью подключения и воспроизведения с помощью подключаемости и воспроизведения каждого компонента имеют свой реквизит, так как в React Этот реквизит - это класс, и вы просто проходите класс для проведения компонента.
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >Наша библиотека включает в себя широкий спектр компонентов, от элементов пользовательского интерфейса, таких как кнопки и поля ввода до сложных конструкций, таких как загрузка файлов и выпадение. Каждый компонент предназначен для модульного, что позволяет легко интегрироваться в существующие угловые проекты.
Компоненты предназначены для того, чтобы быть легко настраиваемыми и темами, что позволяет вам выравнивать их с помощью рекомендаций по брендингу и проектированию вашего приложения. Via изменяет переменные CSS, характерные для каждого компонента, который вы можете получить детальный контроль над внешним видом и ощущением компонентов.
{/ */}
Интернационализация - все компоненты I18N совместимы с ngx -translate. Используйте файл en.json по умолчанию в вашем проекте и обновлении и передайте строки i18n к соответствующим ключам в реквизитах, которые передаются в компонент Просмотреть премиум -версию библиотеки
Угловая библиотека WindMillCode предлагает широкий спектр компонентов, каждый из которых предназначен для выполнения конкретных требований пользовательского интерфейса в ваших угловых приложениях. Ниже приведен список доступных компонентов, а также краткие описания:
Это основополагающий пакет, на которой фокусируется вся наша библиотека. Его фундаментом является WmluipRoperty. Основной строительный блок любого приложения, предназначенного для использования для всех рамок JavaScript, а не только угловых. Отсюда основывается на странице, анимации, динамических компонентов и многого другого.
Распространяет компоненты WML, основанные на зажигании для угловых разработчиков. Полезно для сохранения соответствия в кодовой базе.
Три JS довольно здорово, и не все, что вам нужно для создания сцены, для вас это меняется с нашей библиотекой Three.js. Наши классы обрабатывают реализации математики и физики, чтобы вы могли сосредоточиться на добавлении и размещении объектов на сцене
Наши собственные угловые схемы для получения угловых классов в соответствии с нашим шаблоном Angular Project
Аккордеонный компонент, который позволяет отображать контент в складном формате. Это полезно для часто задаваемых вопросов, списков или любого контента, который выигрывает от компактной презентации.
Настраиваемая кнопка компонента, которую можно использовать в вашем приложении, обеспечивая согласованность и тематическую.
Компонент карусели, который обеспечивает отображение нескольких предметов скользящей или вращающейся модой, идеально подходит для галерей или демонстрации нескольких продуктов.
Компонент, который представляет вход, атрибуты или действия в качестве компактных элементов, обычно используемых для тегов, контактной информации или интерактивных элементов.
Полевой компонент, потенциально для форм, обеспечивающий стандартизированный способ ввода данных.
Комплексный компонент для обработки файловых взаимодействий, включая загрузку, загрузку (в задержке) и отображение информации файла.
Компонент или набор компонентов, предназначенных для создания последовательных и функциональных форм, включая различные элементы управления формой.
Раскрывающийся компонент, который расширяется бесконечно. Отлично подходит для меню с большим количеством навигационного содержания
Универсальный входной компонент для форм, обеспечивающий единый способ сбора пользовательского ввода.
Навигационный компонент, разработанный специально для мобильных пользовательских интерфейсов, обеспечивая оптимизированное меню для небольших экранов.
Компонент уведомления, позволяющий отображать оповещения, сообщения или другую важную информацию для пользователей.
Компонент, который предоставляет набор выбираемых параметров, возможно, в качестве более расширенного раскрывающегося списка или выбора компонента.
Компонент компонента Flyout, используемый для предоставления вспомогательного содержания, информации или элементов управления, часто используемых на панели панели или в рамках сложных интерфейсов.
Пользовательский компонент загрузки
Компонент для отображения всплывающего контента, такого как модалы, диалоги или подсказки инструментов.
Компонент SELECT, который предоставляет раскрывающий список параметров для пользователей.
Основываясь на jQuery Slicebox, более плавном способе реализации карусели
Компонент таблицы, предназначенный для отображения табличных данных, с функциями, включая сортировку, фильтрацию и страницу.
Компонент для создания интерфейсов с вкладками, позволяя пользователям переключаться между различными представлениями или разделами контента в одном и том же контексте.
Компонент переключения переключения, предоставляющий пользователям интуитивно понятный способ сделать бинарный выбор, такой как включение/отключение настроек.
Каждый компонент создан для удовлетворения конкретных потребностей пользовательского интерфейса при обеспечении согласованности и простоты интеграции в ваши угловые проекты. Для получения более подробной информации о каждом компоненте, включая примеры использования и параметры конфигурации, обратитесь к подробной документации библиотеки.
Каждый компонент задокументирован подробностями о том, как его использовать, его входные/выходные свойства и излучатели событий. Чтобы глубже погрузиться в конкретный компонент, см. В разделе «Сделанная документация readme.md».
** Работа в процессе ** Мы приветствуем вклад в библиотеку Angular Code WindMillCode! Будь то добавление новых компонентов, улучшение существующих или сообщать об ошибках, ваши вклады ценны для нас. Пожалуйста, обратитесь к нашим руководящим принципам взноса, прежде чем сделать запрос на привлечение.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkВ потребителе вам нужно добавить путь к Dist в потребителях tsconfig.json
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],Угловая библиотека WindMillCode лицензирована MIT.
Если у вас есть какие -либо вопросы или отзывы, присоединяйтесь к нам в Discord. Мы всегда стремимся улучшить нашу библиотеку и помочь сообществу разработчиков.
Наслаждайтесь строительством с помощью угловой библиотеки WindmillCode!
