mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
docs: todo cleanup
PiperOrigin-RevId: 595708369
This commit is contained in:
parent
043bbad6f3
commit
553aaa6695
@ -78,9 +78,9 @@ Choose the type of chip based on its purpose and author.
|
||||
text message replies.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-chip-set>
|
||||
@ -100,9 +100,9 @@ Chips should always appear in a set. Chip sets are
|
||||
that can display any type of chip or other toolbar items.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<h3>New event</h3>
|
||||
@ -119,9 +119,9 @@ All chips may display an optional icon. Input chips can specify if an avatar
|
||||
picture is displayed.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -142,9 +142,9 @@ Assist, filter, and suggestion chips can be elevated if the placement requires
|
||||
protection, such as on top of an image.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -208,9 +208,9 @@ Assist chips function as though the user asked an assistant to complete the
|
||||
action. They should appear dynamically and contextually in a UI.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -234,9 +234,9 @@ use tags or descriptive words to filter content. They can be a good alternative
|
||||
to toggle buttons or checkboxes.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -255,9 +255,9 @@ Filter chips can optionally be removable from the chip set. Removable chips have
|
||||
a trailing remove icon.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -282,9 +282,9 @@ Input chips whose icons are user images may add the `avatar` attribute to
|
||||
display the image in a larger circle.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -306,9 +306,9 @@ All input chips are removable. If an input chip does not have an action
|
||||
associated with clicking on it, it may be marked as `remove-only`.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -328,9 +328,9 @@ help narrow a user’s intent by presenting dynamically generated suggestions,
|
||||
such as possible responses or search filters.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage-scenario-one.html" -->
|
||||
<!-- catalog-only-end -->
|
||||
|
||||
```html
|
||||
@ -363,9 +363,9 @@ Token | Default value
|
||||
### Assist chip example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/theming.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/theming.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
@ -397,9 +397,9 @@ Token | Default value
|
||||
### Filter chip example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/theming.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/theming.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
@ -431,9 +431,9 @@ Token | Default value
|
||||
### Input chip example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/theming.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/theming.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
@ -464,9 +464,9 @@ Token | Default value
|
||||
### Suggestion chip example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/theming.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/theming.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
@ -78,23 +78,9 @@ action buttons.
|
||||
```
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
> Tip: use `margin`, `height`, and `width` CSS properties to control the
|
||||
> dialog's size and position.
|
||||
@ -200,23 +186,9 @@ Token | Default value
|
||||
### Example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
@ -8,8 +8,6 @@ dirname: list
|
||||
|
||||
# Lists
|
||||
|
||||
<!-- TODO: update freshness to current date when copying. -->
|
||||
|
||||
<!--*
|
||||
# Document freshness: For more information, see go/fresh-source.
|
||||
freshness: { owner: 'emarquez' reviewed: '2023-08-09' }
|
||||
|
@ -72,7 +72,7 @@ Progress indicators may be determinate to show progress, or indeterminate for an
|
||||
unspecified amount of progress.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
@ -112,7 +112,7 @@ Indeterminate progress indicators may cycle between four colors (primary,
|
||||
primary container, tertiary, and tertiary container by default).
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
@ -157,7 +157,7 @@ Circular progress indicators display progress by animating along an invisible
|
||||
circular track in a clockwise direction.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
@ -190,7 +190,7 @@ Linear progress indicators display progress by animating along the length of a
|
||||
fixed, visible track.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
@ -222,7 +222,7 @@ indeterminate progress. The progress bar and track represent known progress
|
||||
while the buffer dots represent unknown progress.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
|
@ -65,23 +65,9 @@ Radios can be pre-selected by adding a `checked` attribute.
|
||||
Add a `value` to identify which radio is selected in a form.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<form>
|
||||
@ -96,23 +82,9 @@ Add a `value` to identify which radio is selected in a form.
|
||||
Associate a label with a radio using the `<label>` element.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-radio id="cats-radio" name="animals" value="cats"></md-radio>
|
||||
@ -175,23 +147,9 @@ Token | Default value
|
||||
### Example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
@ -70,21 +70,7 @@ a control in one of three ways.
|
||||
![A container that displays a bounded ripple on interaction.](images/ripple/usage.gif "A bounded ripple.")
|
||||
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
title="A bounded ripple."
|
||||
aria-label="A container that displays a bounded ripple on interaction.">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
1. Attached to the parent element
|
||||
|
||||
@ -159,21 +145,7 @@ md-ripple.unbounded {
|
||||
![A circular container with an inner circle that displays an unbounded ripple around it on interaction.](images/ripple/usage-unbounded.gif "An unbounded ripple.")
|
||||
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
title="An unbounded ripple."
|
||||
aria-label="A circular container with an inner circle that displays an unbounded ripple around it on interaction.">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
@ -228,21 +200,7 @@ Token | Default value
|
||||
![Image of a ripple with a different theme applied](images/ripple/theming.gif "Ripple theming example.")
|
||||
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
class="styled-example"
|
||||
title="Ripple theming example."
|
||||
aria-label="Image of a ripple with a different theme applied">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
@ -107,7 +107,7 @@ when either handle is selected.
|
||||
<md-slider labeled></md-slider>
|
||||
```
|
||||
|
||||
<!-- TODO: ## Accessibility -->
|
||||
<!-- TODO(b/318567101): ## Accessibility -->
|
||||
|
||||
## Theming
|
||||
|
||||
|
@ -62,23 +62,9 @@ of an item on or off.
|
||||
Switches are similar to checkboxes, and can be unselected or selected.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-switch></md-switch>
|
||||
@ -91,23 +77,9 @@ Icons can be used to visually emphasize the switch's selected state. Switches
|
||||
can choose to display both icons or only selected icons.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-switch icons></md-switch>
|
||||
@ -122,23 +94,9 @@ can choose to display both icons or only selected icons.
|
||||
Associate a label with a switch using the `<label>` element.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<label>
|
||||
@ -191,23 +149,9 @@ Token | Default value
|
||||
### Example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- catalog-only-start -->
|
||||
|
||||
<!--
|
||||
|
||||
<div class="figure-wrapper">
|
||||
<figure
|
||||
style="justify-content:center;"
|
||||
aria-label="">
|
||||
TODO: update figure
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<!-- catalog-only-end -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<style>
|
||||
|
@ -71,9 +71,9 @@ Tabs contain multiple primary or secondary tab children. Use the same type of
|
||||
tab in a tab bar.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -120,9 +120,9 @@ Icons communicate the type of content within a tab. Icons should be simple and
|
||||
recognizable.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -140,9 +140,9 @@ recognizable.
|
||||
Tabs may optionally show icons without a label.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -163,9 +163,9 @@ Primary tabs are placed at the top of the content pane under a top app bar. They
|
||||
display the main content destinations.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -185,9 +185,9 @@ display the main content destinations.
|
||||
Primary tabs can show their icons inline, like secondary tabs.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -210,9 +210,9 @@ Secondary tabs are used within a content area to further separate related
|
||||
content and establish hierarchy.
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
<!-- TODO: catalog-include "figures/<component>/usage.html" -->
|
||||
<!-- Need to add catalog-include "figures/<component>/usage.html" -->
|
||||
|
||||
```html
|
||||
<md-tabs>
|
||||
@ -347,7 +347,7 @@ Token | Default value
|
||||
### Secondary tab example
|
||||
|
||||
<!-- no-catalog-start -->
|
||||
<!-- TODO: add image -->
|
||||
<!-- Need to add image -->
|
||||
<!-- no-catalog-end -->
|
||||
|
||||
```html
|
||||
|
Loading…
Reference in New Issue
Block a user