2023-11-28 02:32:46 +00:00
import { _ as s , o , c as a , Q as n } from "./chunks/framework.1169fbc9.js" ; const b = JSON . parse ( '{"title":"Infoboxes","description":"","frontmatter":{},"headers":[],"relativePath":"public/lit/docs/infoboxes.md","filePath":"public/lit/docs/infoboxes.md","lastUpdated":1701137263000}' ) , e = { name : "public/lit/docs/infoboxes.md" } , t = n ( ` <h1 id="infoboxes" tabindex="-1">Infoboxes <a class="header-anchor" href="#infoboxes" aria-label="Permalink to "Infoboxes""> </a></h1><p>Infoboxes are good for displaying "lore", or story elements, as well as for explaining complicated things.</p><p>In the default tab layout, the first infobox will be displayed at the very top of the tab.</p><p>Infoboxes are defined like other Big Features:</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki github-dark vp-code-dark"><code><span class="line"><span style="color:#B392F0;">infoboxes</span><span style="color:#E1E4E8;">: {</span></span>
2023-11-07 00:46:27 +00:00
< span class = "line" > < span style = "color:#E1E4E8;" > < / s p a n > < s p a n s t y l e = " c o l o r : # B 3 9 2 F 0 ; " > l o r e < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > : { < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > < / s p a n > < s p a n s t y l e = " c o l o r : # B 3 9 2 F 0 ; " > t i t l e < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > : < / s p a n > < s p a n s t y l e = " c o l o r : # 9 E C B F F ; " > & q u o t ; f o o & q u o t ; < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > < / s p a n > < s p a n s t y l e = " c o l o r : # B 3 9 2 F 0 ; " > b o d y < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > ( ) { < / s p a n > < s p a n s t y l e = " c o l o r : # F 9 7 5 8 3 ; " > r e t u r n < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > < / s p a n > < s p a n s t y l e = " c o l o r : # 9 E C B F F ; " > & q u o t ; b a r & q u o t ; < / s p a n > < s p a n s t y l e = " c o l o r : # E 1 E 4 E 8 ; " > } , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > etc < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > } , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > etc < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#E1E4E8;" > } < / s p a n > < / s p a n > < / c o d e > < / p r e > < p r e c l a s s = " s h i k i g i t h u b - l i g h t v p - c o d e - l i g h t " > < c o d e > < s p a n c l a s s = " l i n e " > < s p a n s t y l e = " c o l o r : # 6 F 4 2 C 1 ; " > i n f o b o x e s < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > : { < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > < / s p a n > < s p a n s t y l e = " c o l o r : # 6 F 4 2 C 1 ; " > l o r e < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > : { < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > < / s p a n > < s p a n s t y l e = " c o l o r : # 6 F 4 2 C 1 ; " > t i t l e < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > : < / s p a n > < s p a n s t y l e = " c o l o r : # 0 3 2 F 6 2 ; " > & q u o t ; f o o & q u o t ; < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > < / s p a n > < s p a n s t y l e = " c o l o r : # 6 F 4 2 C 1 ; " > b o d y < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > ( ) { < / s p a n > < s p a n s t y l e = " c o l o r : # D 7 3 A 4 9 ; " > r e t u r n < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > < / s p a n > < s p a n s t y l e = " c o l o r : # 0 3 2 F 6 2 ; " > & q u o t ; b a r & q u o t ; < / s p a n > < s p a n s t y l e = " c o l o r : # 2 4 2 9 2 E ; " > } , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > etc < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > } , < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > etc < / s p a n > < / s p a n >
< span class = "line" > < span style = "color:#24292E;" > } < / s p a n > < / s p a n > < / c o d e > < / p r e > < / d i v > < p > F e a t u r e s : < / p > < u l > < l i > < p > t i t l e : T h e t e x t d i s p l a y e d a b o v e t h e m a i n b o x . C a n b e a f u n c t i o n t o b e d y n a m i c , a n d c a n u s e b a s i c H T M L . < / p > < / l i > < l i > < p > b o d y : T h e t e x t d i s p l a y e d i n s i d e t h e b o x . C a n b e a f u n c t i o n t o b e d y n a m i c , a n d c a n u s e b a s i c H T M L . < / p > < / l i > < l i > < p > s t y l e , t i t l e S t y l e , b o d y S t y l e : < s t r o n g > o p t i o n a l < / s t r o n g > . A p p l y C S S t o t h e i n f o b o x , o r t o t h e t i t l e b u t t o n o r b o d y o f t h e i n f o b o x , i n t h e f o r m o f a n o b j e c t w h e r e t h e k e y s a r e C S S a t t r i b u t e s , a n d t h e v a l u e s a r e t h e v a l u e s f o r t h o s e a t t r i b u t e s ( b o t h a s s t r i n g s ) . < / p > < / l i > < l i > < p > u n l o c k e d ( ) : < s t r o n g > o p t i o n a l < / s t r o n g > . A f u n c t i o n r e t u r n i n g a b o o l t o d e t e r m i n e i f t h e i n f o b o x i s v i s i b l e o r n o t . D e f a u l t i s u n l o c k e d . < / p > < / l i > < l i > < p > l a y e r : < s t r o n g > a s s i g n e d a u t o m a g i c a l l y < / s t r o n g > . I t & # 3 9 ; s t h e s a m e v a l u e a s t h e n a m e o f t h i s l a y e r , s o y o u c a n d o < c o d e > p l a y e r [ t h i s . l a y e r ] . p o i n t s < / c o d e > o r s i m i l a r < / p > < / l i > < l i > < p > i d : < s t r o n g > a s s i g n e d a u t o m a g i c a l l y < / s t r o n g > . I t & # 3 9 ; s t h e & q u o t ; k e y & q u o t ; w h i c h t h e b a r w a s s t o r e d u n d e r , f o r c o n v e n i e n t a c c e s s . T h e i n f o b o x i n t h e e x a m p l e & # 3 9 ; s i d i s & q u o t ; l o r e & q u o t ; . < / p > < / l i > < / u l > ` , 7 ) , l = [ t ] ; f u n c t i o n p ( i , r , c , y , d , E ) { r e t u r n o ( ) , a ( " d i v " , n u l l , l ) } c o n s t h = s ( e , [ [ " r e n d e r " , p ] ] ) ; e x p o r t { b a s _ _ p a g e D a t a , h a s d e f a u l t } ;