Container Components: ThemeProvider; StyleProvider

Hooks: useTheme; useThemeMode; useResponsive

Advanced Settings: 🚧 setupStyled; createInstance

🚧 createStylish

For general styling needs, basic requirements can be met through createStyles, while createStylish is considered an advanced usage.

引入方法

import { 🚧 createStylish } from 'antd-style';

Detailed Introduction

API

Creating Styles: createStyles; 🚧 createStylish; createGlobalStyle

Container Components: ThemeProvider; StyleProvider

Hooks: useTheme; useThemeMode; useResponsive

Advanced Settings: 🚧 setupStyled; createInstance

🚧 createStylish

For general styling needs, basic requirements can be met through createStyles, while createStylish is considered an advanced usage.

引入方法

import { 🚧 createStylish } from 'antd-style';

‌
‌
‌
‌

Introduction

For general styling needs, basic requirements can be met through createStyles, while createStylish is considered an advanced usage.

In a complex business system, there may be some common styles with finer granularity that are not enough to form a component. However, repeatedly writing these styles is not only time-consuming but also results in a lot of duplicate code. Moreover, if a designer requests a unified adjustment of the design style, the cost of making multiple modifications is extremely high. To address this issue, createStylish was developed.

createStylish can create reusable styles. In concept, it is similar to the popular tailwindcss in recent years, but it is more flexible and practical. When combined with Ant Design V5 Token System, it can achieve a highly efficient and flexible user experience.

Applicable

Used for organizing reusable styles in batches.

Typical Example

Detailed Introduction

API

‌
‌
‌
‌

Introduction

For general styling needs, basic requirements can be met through createStyles, while createStylish is considered an advanced usage.

Table of Contents

🚧 createStylish

Table of Contents

🚧 createStylish

Introduction

Typical Example

Detailed Introduction

API

Introduction

Typical Example

Detailed Introduction

API