set up new workflow and migrate to .forgejo dir (#5)
Some checks failed
Deploy / deploy (push) Failing after 39s
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
This commit is contained in:
parent
c37955c51b
commit
f526f5c0aa
99 changed files with 1866 additions and 1470 deletions
|
|
@ -1,9 +1,11 @@
|
|||
### tab
|
||||
|
||||
Tabs can be used to show a list of links in a tabbed format
|
||||
|
||||
[tab docs](https://daisyui.com/components/tab/)
|
||||
|
||||
#### Class Names:
|
||||
|
||||
- Component: `tabs`
|
||||
- Part: `tab`, `tab-content`
|
||||
- Style: `tabs-box`, `tabs-border`, `tabs-lift`
|
||||
|
|
@ -12,21 +14,25 @@ Tabs can be used to show a list of links in a tabbed format
|
|||
- Placement: `tabs-top`, `tabs-bottom`
|
||||
|
||||
#### Syntax
|
||||
|
||||
Using buttons:
|
||||
|
||||
```html
|
||||
<div role="tablist" class="tabs {MODIFIER}">
|
||||
<button role="tab" class="tab">Tab</button>
|
||||
<button role="tab" class="tab">Tab</button>
|
||||
</div>
|
||||
```
|
||||
|
||||
Using radio inputs:
|
||||
|
||||
```html
|
||||
<div role="tablist" class="tabs tabs-box">
|
||||
<input type="radio" name="my_tabs" class="tab" aria-label="Tab" />
|
||||
<input type="radio" name="my_tabs" class="tab" aria-label="Tab" />
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the style/size class names
|
||||
- Radio inputs are needed for tab content to work with tab click
|
||||
- If tabs gets a background then every tab inside it becomes rounded from both top corners
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue