Начала с розового дизайна

RedDeveloper
25.01.2023 11:01
Начала с розового дизайна

Pink Design - это система дизайна Appwrite с открытым исходным кодом для создания последовательных и многократно используемых пользовательских интерфейсов.

Эта система дизайна была разработана с учетом особенностей консоли Appwrite, с особым акцентом на доступность и удобство использования, не отказываясь от стиля! ;)

Эта система дизайна была разработана с учетом особенностей консоли Appwrite с особым

Pink Design универсален в своем применении. Его можно легко интегрировать с популярными фреймворками, такими как React, Svelte, Angular или Vue, или использовать в сочетании со стандартными HTML и CSS.

Вы можете использовать Pink Design в своих личных проектах или внести свой вклад в его развитие и помочь нам улучшить Appwrite.

🎨 Как получить Pink Design?

Существует два способа добавить 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 в ваш проект.

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?

20.08.2023 18:21

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

20.08.2023 17:46

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox

19.08.2023 18:39

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

19.08.2023 17:22

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!

Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️

18.08.2023 20:33

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.

Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL

14.08.2023 14:49

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.