mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-21 21:26:15 +02:00
Code Issues Releases Wiki Activity

feat: Add file names to snippets

Browse Source
This commit is contained in:
Phuoc Nguyen
2023-09-01 07:43:57 +07:00
parent c9c8bbdb1f
commit a080bf3966
106 changed files with 234 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
contents/floating-label.mdx
View File

@@ -9,7 +9,7 @@ title: Floating label
## HTML
```html
```html index.html
<div class="floating-label">
<!-- The input -->
<input placeholder="Placeholder" class="floating-label__input" />
@@ -21,7 +21,7 @@ title: Floating label
## CSS
```css
```css styles.css
.floating-label {
border: 1px solid #d1d5db;
border-radius: 0.25rem;
@@ -115,3 +115,7 @@ placeholder of input isn't shown
</div>
```
</Playground>
## See also
- Explore some ways to [animate a floating label](https://phuoc.ng/collection/css-animation/floating-label).