ionic-team / ionic-team/ionic-docs

content: improve components docs for the alignment property

未关闭
#3,818 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
content
主要语言
MDX
星标
621
派生
3.2k
平均合并
1 天 2 小时
30 天内合并 PR
86

描述

### URL

https://ionicframework.com/docs/api/

### Issue Description

The following components have the `alignment` property documented at these links:
- [Checkbox](https://ionicframework.com/docs/api/checkbox#alignment)
- [Radio](https://ionicframework.com/docs/api/radio#alignment)
- [Toggle](https://ionicframework.com/docs/api/toggle#alignment)

The playground examples currently only demonstrate how the `alignment` property works horizontally when the label placement is set to `stacked`. However, they do not show how the `alignment` property affects vertical alignment with the `fixed`, `start`, and `end` label placements.

We should add examples demonstrating how `alignment` works vertically, similar to the following, for each component:

```html


This is a really long label with a lot of text, causing the label to span
multiple lines. As a result, the checkbox will be vertically aligned in
the center, rather than at the start of the label.

```

> [!NOTE]
> This is just one example of how to illustrate the usage. It doesn't have to be exactly like the example provided.

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。