Go Chroma ComponentSun, 11 Jul 2021 16:45:05 +0800`Go Chroma` component is for displaying preformatted computer codes with syntax highlighting using Go Chroma package used in Hugo. Bissetii styles its outcome seemlessly to make it …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/gochroma/]]
Root ComponentSun, 11 Jul 2021 16:45:05 +0800This page specify how `Root` component is used in Bissetii styling. It serves as the foundation of all other components including their respectives CSS variables for content …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/root/]]
nav-sidebar ComponentSun, 11 Jul 2021 16:45:05 +0800This page specify how to create `nav-sidebar` component using Bissetii styling. It serves as the component specification and a manual on interacting with its generator for content …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/nav-sidebar/]]
`nav-catalog` ComponentSun, 06 Dec 2020 23:28:55 +0800`nav-catalog` is a component rendering navigation list into a catalog card deck. Unlike other navigationt type, due to the use of Card component, `nav-catalog` requires additional …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/nav-catalog/]]
Nav-TOC ComponentSun, 11 Jul 2021 16:45:05 +0800`Nav-TOC` component (Table of Contents Navigation) is the list of links presentations in vertical manner. It is a kind of navigation layout commonly used to list page headings for …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/nav-toc/]]
Card ComponentSun, 01 Aug 2021 16:18:37 +0800`Card` component is widely used in many information and summary display. Among the use cases are presenting itemized products in e-commerece, data from search list, and etc. …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/card/]]
iFrame ComponentSun, 01 Aug 2021 11:59:24 +0800`iFrame` component is a nested browsing context, allowing one to embed another web page into the current one. This is widely used by may service providers to offer their third …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/iframe/]]
FormSun, 11 Jul 2021 16:33:32 +0800`Form` component is the input gathering interface. Despite as simple as it sounds, there are a lot of complicated guides and tutorials all over the Internet. Bissetii did a number …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/form/]]
NoteSun, 11 Jul 2021 16:45:05 +0800`Note` component is the inline content snippet that is indirectly related to the main content. This is usually used for highlighting important reminders, warning, and to convey and …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/note/]]
Carousel ComponentSun, 01 Aug 2021 11:18:48 +0800`Carousel` component is a dynamic display of content over a same view port. A normal deployment would be album carousel, text based cards carousel, or video carousel. Bissetii …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/carousel/]]
Color ComponentSun, 11 Jul 2021 16:45:05 +0800Bissetii provides a single config method called `Color` component to switch from its main bambooish green color scheme to other color available color scheme. This allows users to …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/color/]]
Emoji ComponentSun, 11 Jul 2021 16:45:05 +0800"Emoji", known as e (絵, "picture") + moji (文字, "character") from Japanese Kanji is a key feature for web content. With emoji supports, a lot of icons can be replaced easily. …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/emoji/]]
Shields.io Badge ComponentSun, 11 Jul 2021 16:45:05 +0800`Shields.io Badge` (a.k.a `shieldsbadge`) is the component to re-create Shields.io SVG badges using only HTML+CSS codes instead of rendering SVG file. The sole purpose is to avoid …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/shieldsbadge/]]
DefList ComponentSun, 11 Jul 2021 16:45:05 +0800`DefList` (Definition List) is the component that defines a list of items. This is commonly used for arconym definitions and quick name-value labelling. Bissetii supportes …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/definitions-list/]]
Navbar ComponentSun, 11 Jul 2021 16:45:05 +0800"Navbar" is the navigation menus for users to navigate across the websites. To avoid using Javascript, Bissetii supports most of its navigation styling using specific HTML pattern …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/navbar/]]
Footer ComponentMon, 12 Jul 2021 17:05:59 +0800`Footer` component is the last body content appearing at the end of the website. Bissetii uses the W3C hirarchy standard footer tag. This allows seamless styling when applying to …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/footer/]]
Typography ComponentSun, 11 Jul 2021 16:45:05 +0800Typography in web design is a critical component responsible for styling text from font size to font style. Bissetii renders its typography in its specific manner for multiple …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/typography/]]
Table ComponentSun, 11 Jul 2021 16:45:05 +0800The `Table` component is a simple way to present row-column matrix-based data since the early HTML. It tabulates data in an organize way for searches and comparison. Bissetii …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/table/]]
Anchor ComponentSun, 11 Jul 2021 16:36:23 +0800`Anchor` component is the HTML hyperlinks for directing user to from the current webpage to another. This component is the currency for seach engine optimization to have inference …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/anchor/]]
Image ComponentSun, 01 Aug 2021 12:12:54 +0800Web HTML facilitates a wide-varieties of displaying images using various image tags like "<img>", "<amp-img>" and "<picture>" in their respective outputs. Bissetii supports them …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/image/]]
Grid ComponentSun, 11 Jul 2021 16:45:05 +0800`grid` component is vital for organizing HTML elements horizontally. Without `grid`, every contents are arranged vertically with 100% width as default. Bissetii uses the CSS …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/grid/]]
Divider ComponentSun, 11 Jul 2021 16:45:05 +0800Bissetii provides the `Divider` component as per HTML spec seamlessly. Although Bissetii sections each of the contents via headers automatically, there are some use cases where a …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/divider/]]
Code ComponentSun, 11 Jul 2021 16:45:05 +0800`Code` component is for displaying preformatted statements or specifically, computer codes in the HTML. Bissetii styles the standard W3C HTML tags seemlessly.[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/code/]]
Blockquote ComponentSun, 11 Jul 2021 16:45:05 +0800`Blockquote` is the component for adding a quote from a reference sources. Bissetii uses the standard W3C HTML tag for rendering `Blockquote`'s content.[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/blockquote/]]
Button ComponentMon, 12 Jul 2021 17:37:55 +0800`Button` as the name implies, is the clickable knob meant for users to pressed onto. `Button` is commonly used in forms and link styling for implying clickable items. Bissetii …[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/button/]]
List ComponentSun, 11 Jul 2021 16:45:05 +0800List is a common component used in web pages. There are 2 common lists from W3C HTML: ordered list (`ol`) and unordered list (`ul`). Bissetii supports both list types seemlessly.[map[Content:Explore URL:https://bissetii.zoralab.com/en/components/list/]]