Эта система дизайна была разработана с учетом особенностей консоли Appwrite, с особым акцентом на доступность и удобство использования, не отказываясь от стиля! ;)
Pink Design универсален в своем применении. Его можно легко интегрировать с популярными фреймворками, такими как React, Svelte, Angular или Vue, или использовать в сочетании со стандартными HTML и CSS.
Вы можете использовать Pink Design в своих личных проектах или внести свой вклад в его развитие и помочь нам улучшить Appwrite.
Существует два способа добавить Pink Design в ваш проект:
Соединив таблицу стилей непосредственно в HTML-файле, как показано ниже:
<link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink" /> <!-- optionally, add icons --> <link rel="stylesheet" href="https://unpkg.com/@appwrite.io/pink-icons" />
Или установив ее через npm и импортировав ее в JavaScript-файл вашего проекта, как показано ниже:
npm install @appwrite.io/pink
, а затем импортировав ее следующим образом:
import "@appwrite.io/pink/dist/pink.css"; // optionally, add icons import "@appwrite.io/pink-icons";
И вуаля, как только вы выполните любой из этих шагов, вы сможете начать использовать элементы и компоненты пользовательского интерфейса Pink Design!
Обязательно ознакомьтесь с руководством по началу работы для получения дополнительной информации 😊.
Pink Design предоставляет множество предварительно разработанных элементов и компонентов пользовательского интерфейса, таких как кнопки, входы, карточки и многое другое. Вы можете легко использовать их, добавив соответствующие классы в ваш HTML.
<button class="button"> <span class="text">Hello world</span> </button>
Все просто! 🔥
Вот и все, что нужно, чтобы добавить Pink Design в ваш проект.
20.08.2023 18:21
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".
20.08.2023 17:46
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
19.08.2023 18:39
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.
19.08.2023 17:22
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!
18.08.2023 20:33
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.
14.08.2023 14:49
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.