CINXE.COM
Topics tagged component
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Topics tagged component</title> <meta name="description" content="Topics tagged component"> <meta name="generator" content="Discourse 3.3.0 - https://github.com/discourse/discourse version 5bbdc8a813caf55ab3147ac65b5ffafb5e0aab90"> <link rel="icon" type="image/png" href="https://ubuntucommunity.s3.us-east-2.amazonaws.com/optimized/3X/b/e/be7e4cc6ef7ce95e285337634be009b70561d719_2_32x32.png"> <link rel="apple-touch-icon" type="image/png" href="https://ubuntucommunity.s3.us-east-2.amazonaws.com/optimized/3X/f/3/f38b9c7e7decc51bc26320541c441bfa28f99298_2_180x180.png"> <meta name="theme-color" media="all" content="#ffffff"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover"> <link rel="canonical" href="https://discourse.ubuntu.com/tag/component" /> <link rel="search" type="application/opensearchdescription+xml" href="https://discourse.ubuntu.com/opensearch.xml" title="Ubuntu Community Hub Search"> <link href="/stylesheets/color_definitions_base__2_df74468083942b54f113bf203828e942e534e4d1.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" class="light-scheme"/> <link href="/stylesheets/desktop_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="desktop" /> <link href="/stylesheets/checklist_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="checklist" /> <link href="/stylesheets/discourse-calendar_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-calendar" /> <link href="/stylesheets/discourse-data-explorer_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-data-explorer" /> <link href="/stylesheets/discourse-details_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-details" /> <link href="/stylesheets/discourse-gamification_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-gamification" /> <link href="/stylesheets/discourse-lazy-videos_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-lazy-videos" /> <link href="/stylesheets/discourse-local-dates_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-local-dates" /> <link href="/stylesheets/discourse-narrative-bot_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-narrative-bot" /> <link href="/stylesheets/discourse-presence_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-presence" /> <link href="/stylesheets/discourse-rad-plugin_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-rad-plugin" /> <link href="/stylesheets/discourse-solved_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-solved" /> <link href="/stylesheets/discourse-templates_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-templates" /> <link href="/stylesheets/markdown-note_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="markdown-note" /> <link href="/stylesheets/poll_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="poll" /> <link href="/stylesheets/spoiler-alert_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="spoiler-alert" /> <link href="/stylesheets/discourse-calendar_desktop_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-calendar_desktop" /> <link href="/stylesheets/discourse-gamification_desktop_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="discourse-gamification_desktop" /> <link href="/stylesheets/poll_desktop_28a837c05d70a85189de74e4d2b9a680476b6386.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="poll_desktop" /> <link href="/stylesheets/desktop_theme_13_cadacaca089968feaf85c1112034a85b61733571.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="13" data-theme-name="md-composer-extras"/> <link href="/stylesheets/desktop_theme_10_d5bea094e79bb071f148ac7a6ea3cb8d1021508b.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="10" data-theme-name="ubuntu discourse"/> <link href="/stylesheets/desktop_theme_2_60b21d2c77ece1ab26a5e1d4ab37af1304c3ff26.css?__ws=discourse.ubuntu.com" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="2" data-theme-name="default"/> <link href="https://fonts.googleapis.com/css?family=Ubuntu:100,300,400" rel="stylesheet"> <style> body { font-family: 'Ubuntu', sans-serif; font-weight: 400; } h1 { font-weight: 100; } </style> <meta name="google-site-verification" content="grFP-bTinUn8jXfEmhZCV8ccDV1IJG2wexOuguu7z_M"> <script defer="" src="/theme-javascripts/f7a737190fe36b9aee0dd740a1ddde023af282d4.js?__ws=discourse.ubuntu.com" data-theme-id="2" nonce="SxYRrmmUZVSWu63JIwQzovYrn"></script> <link href="https://fonts.googleapis.com/css?family=Ubuntu:100,400,700" rel="stylesheet" type="text/css"> <script defer="" src="/theme-javascripts/1d29d1e3d25a498707fc181a041c9152fb489073.js?__ws=discourse.ubuntu.com" data-theme-id="13" nonce="SxYRrmmUZVSWu63JIwQzovYrn"></script> <script defer="" src="/theme-javascripts/5fd6ab93349b47da044725d430da846ba195a894.js?__ws=discourse.ubuntu.com" data-theme-id="15" nonce="SxYRrmmUZVSWu63JIwQzovYrn"></script> <link rel="next" href="/tag/component?match_all_tags=true&page=1&tags%5B%5D=component"> <link rel="alternate" type="application/rss+xml" title="Latest posts" href="https://discourse.ubuntu.com/posts.rss" /> <link rel="alternate" type="application/rss+xml" title="hot Hot topics latest Latest topics top Top topics top_all All time top topics top_yearly Yearly top topics top_quarterly Quarterly top topics top_monthly Monthly top topics top_weekly Weekly top topics top_daily Daily top topics posts Latest posts private_posts Latest personal messages group_posts Latest posts from %{group_name} group_mentions Latest mentions from %{group_name} user_posts Latest posts by @%{username} user_topics Latest topics by @%{username} tag Tagged topics badge %{display_name} badge on %{site_title}" href="https://discourse.ubuntu.com/tag/component" /> <meta property="og:site_name" content="Ubuntu Community Hub" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta property="og:image" content="https://ubuntucommunity.s3.us-east-2.amazonaws.com/original/3X/9/0/905b15b7d477513b2af0668c333736b100eef109.svg" /> <meta property="og:url" content="https://discourse.ubuntu.com/tag/component" /> <meta name="twitter:url" content="https://discourse.ubuntu.com/tag/component" /> <meta property="og:title" content="Topics tagged component" /> <meta name="twitter:title" content="Topics tagged component" /> <meta property="og:description" content="Topics tagged component" /> <meta name="twitter:description" content="Topics tagged component" /> </head> <body class="crawler browser-update"> <nav class="p-navigation--secondary"> <div class="u-fixed-width"> <a class="p-navigation--secondary__banner" href="/"> <h5 class="p-navigation--secondary__logo"> Discourse </h5> </a> </div> </nav> <header> <a href="/"> Ubuntu Community Hub </a> </header> <div id="main-outlet" class="wrap" role="main"> <h1> <a itemprop="item" href="https://discourse.ubuntu.com/tag/component"> <span itemprop='name'>component</span> </a> </h1> <div class="topic-list-container" itemscope itemtype='http://schema.org/ItemList'> <meta itemprop='itemListOrder' content='http://schema.org/ItemListOrderDescending'> <table class='topic-list'> <thead> <tr> <th>Topic</th> <th></th> <th class="replies">Replies</th> <th class="views">Views</th> <th>Activity</th> </tr> </thead> <tbody> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='1'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/contextual-menu/29443' class='title raw-link raw-topic-link'>Contextual menu</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/anne-sophie1104" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/anne-sophie1104/25/13155_2.png" class="avatar" title='anne-sophie1104 - Original Poster, Most Recent Poster' aria-label='anne-sophie1104 - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1630</span> </td> <td> July 11, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='2'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/matrix/30095' class='title raw-link raw-topic-link'>Matrix</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/anasereijo1" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/anasereijo1/25/20649_2.png" class="avatar" title='anasereijo1 - Original Poster, Most Recent Poster' aria-label='anasereijo1 - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1541</span> </td> <td> August 17, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='3'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/switch/32210' class='title raw-link raw-topic-link'>Switch</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/rayitou" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/rayitou/25/16360_2.png" class="avatar" title='rayitou - Original Poster, Most Recent Poster' aria-label='rayitou - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1049</span> </td> <td> November 14, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='4'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/slider/30231' class='title raw-link raw-topic-link'>Slider</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/anasereijo1" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/anasereijo1/25/20649_2.png" class="avatar" title='anasereijo1 - Original Poster, Most Recent Poster' aria-label='anasereijo1 - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1794</span> </td> <td> August 26, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='5'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/chips/31980' class='title raw-link raw-topic-link'>Chips</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/rayitou" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/rayitou/25/16360_2.png" class="avatar" title='rayitou - Original Poster, Most Recent Poster' aria-label='rayitou - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1222</span> </td> <td> November 1, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='6'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/badge/31574' class='title raw-link raw-topic-link'>Badge</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/rayitou" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/rayitou/25/16360_2.png" class="avatar" title='rayitou - Original Poster, Most Recent Poster' aria-label='rayitou - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1327</span> </td> <td> October 19, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='7'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/buttons/30230' class='title raw-link raw-topic-link'>Buttons</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/anasereijo1" class="latest single"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/anasereijo1/25/20649_2.png" class="avatar" title='anasereijo1 - Original Poster, Most Recent Poster' aria-label='anasereijo1 - Original Poster, Most Recent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>1888</span> </td> <td> August 26, 2022 </td> </tr> <tr class="topic-list-item"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='8'> <span class="link-top-line"> <a itemprop='url' href='https://discourse.ubuntu.com/t/segmented-control/26835' class='title raw-link raw-topic-link'>Segmented Control</a> </span> <div class="link-bottom-line"> <a href='/c/design-system/98' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Design System</span> </span> </a> <div class="discourse-tags"> <a href='https://discourse.ubuntu.com/tag/component' class='discourse-tag'>component</a> , <a href='https://discourse.ubuntu.com/tag/design-guidelines' class='discourse-tag'>design-guidelines</a> </div> </div> </td> <td class='posters'> <a href="https://discourse.ubuntu.com/u/danielmutis" class="latest"> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/danielmutis/25/13381_2.png" class="avatar" title='danielmutis - Original Poster, Most Recent Poster' aria-label='danielmutis - Original Poster, Most Recent Poster'> </a> <a href="https://discourse.ubuntu.com/u/fito" class=""> <img width="25" height="25" src="/user_avatar/discourse.ubuntu.com/fito/25/15787_2.png" class="avatar" title='fito - Frequent Poster' aria-label='fito - Frequent Poster'> </a> </td> <td class="replies"> <span class='posts' title='posts'>2</span> </td> <td class="views"> <span class='views' title='views'>4706</span> </td> <td> April 19, 2022 </td> </tr> </tbody> </table> </div> <div class="navigation" role='navigation' itemscope itemtype='http://schema.org/SiteNavigationElement'> </div> <!-- include_crawler_content? --> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://www.ubuntu.com/legal' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://www.ubuntu.com/legal/terms-and-policies/privacy-policy' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer> <div class="buorg"><div>Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is unsupported</a>. Please <a href="https://browsehappy.com">switch to a supported browser</a> to view rich content, log in and reply.</div></div> </body> </html>