Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ui:tabs [2020/07/30 17:43] gerardnico |
ui:tabs [2021/01/22 21:14] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== ComboStrap UI - tabs ====== | + | ====== ComboStrap UI - Tabs ====== |
| ===== About ===== | ===== About ===== | ||
| Line 7: | Line 7: | ||
| ===== Articles Related ===== | ===== Articles Related ===== | ||
| {{backlinks> | {{backlinks> | ||
| - | |||
| ===== Syntax ===== | ===== Syntax ===== | ||
| Line 20: | Line 19: | ||
| The syntax has two parts: | The syntax has two parts: | ||
| - | * First the definition of '' | + | * First the definition of the [[#tabs]] |
| + | * Then the definition of the [[# | ||
| + | ==== Tabs ==== | ||
| <code dw> | <code dw> | ||
| <tabs skin=" | <tabs skin=" | ||
| Line 27: | Line 29: | ||
| </ | </ | ||
| </ | </ | ||
| - | | + | where: |
| + | | ||
| + | * '' | ||
| + | * '' | ||
| + | ==== Tabpanels ==== | ||
| + | |||
| <code dw> | <code dw> | ||
| < | < | ||
| Line 34: | Line 42: | ||
| </ | </ | ||
| </ | </ | ||
| - | + | where: | |
| - | Attributes: | + | * the '' |
| - | * the '' | + | * it must be unique on the page |
| - | * the '' | + | * it must contain at least one character. |
| - | * the '' | + | * it must **not** contain any space characters. |
| + | * it must begin with a letter | ||
| + | * it may be followed by any number | ||
| + | * the content of a '' | ||
| ===== Example ===== | ===== Example ===== | ||
| Line 49: | Line 59: | ||
| <tabs spacing=" | <tabs spacing=" | ||
| <tab panel=" | <tab panel=" | ||
| - | <tab panel=" | + | <tab panel=" |
| </ | </ | ||
| < | < | ||
| - | < | + | < |
| - | < | + | Raw denim you probably haven' |
| + | |||
| + | Food truck fixie locavore, accusamus mcsweeney' | ||
| + | </ | ||
| + | < | ||
| + | |||
| + | Other syntax are also accepted. Example with a table: \\ \\ | ||
| + | ^ UI Components ^ Description ^ | ||
| + | | [[badge|badge]] | A small status descriptors | | ||
| + | | [[note|note]] | A paragraph that is parenthetic or ancillary to the main text. | | ||
| + | | [[ui|See the full list ...]] || | ||
| + | |||
| + | </ | ||
| </ | </ | ||
| + | |||
| </ | </ | ||
| </ | </ | ||
| Line 68: | Line 91: | ||
| < | < | ||
| < | < | ||
| - | <title 1>My Home</ | + | ==== My Home ==== |
| Raw denim you probably haven' | Raw denim you probably haven' | ||
| </ | </ | ||