Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Document missing modifiers/options of container and upload components #443

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from
Open

Document missing modifiers/options of container and upload components #443

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8f5594c
Document missing modifiers of container component
ogoregen Aug 29, 2024
65e1e61
Document missing options of the upload component
ogoregen Aug 29, 2024
deb96d6
Merge branch 'uikit:develop' into patch-2
ogoregen Sep 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions docs/pages/container.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,42 @@ Add one of the following classes to the container to apply a different max-width

***

## Expand modifiers

Add one of the following classes to the container to expand one side only.

| Class | Description |
|------------------------------|-------------------------|
| `.uk-container-expand-left` | Expand left side only. |
| `.uk-container-expand-right` | Expand right side only. |

```html
<div class="uk-container uk-container-expand-left"></div>

<div class="uk-container uk-container-expand-right"></div>
```

***

## Padding modifiers

Add one of the following classes to the container to reset container on the left or right side

**Note** There has to be negative margin on the item, because it's specific to the item.

| Class | Description |
|-------------------------------------------|-----------------------|
| `.uk-container-item-padding-remove-left` | Remove left padding. |
| `.uk-container-item-padding-remove-right` | Remove right padding. |

```html
<div class="uk-container uk-container-item-padding-remove-left"></div>

<div class="uk-container uk-container-item-padding-remove-right"></div>
```

***

## Container in sections

You can apply this component to modify the width of content inside sections from the [Section component](section.md).
Expand Down
2 changes: 2 additions & 0 deletions docs/pages/upload.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,8 +188,10 @@ Any of these options can be applied to the component attribute. Separate multipl
| `params` | Object | `{}` | Additional parameters. |
| `allow` | String | `false` | File name filter. (eg. *.png) |
| `mime` | String | `false` | File MIME type filter. (eg. image/*) |
| `maxSize` | Number | `0` | The maximum file size per file. (kB) |
| `concurrent` | Number | `1` | Number of files that will be uploaded simultaneously. |
| `type` | String | | The expected response data type (xml, json, script, or html) |
| `i18n` | Object | `null` | Override default translation texts. |
| `method` | String | `POST` | The request method |
| `msg-invalid-mime` | String | `Invalid File Type: %s` | Invalid MIME type message. |
| `msg-invalid-name` | String | `Invalid File Name: %s` | Invalid name message. |
Expand Down