{ "Fomantic-UI Default Accordion": { "prefix": "ui-accordion", "description": "A standard accordion", "body": [ "
", "
", " ", " ${2:Some title}", "
", "
", "

${3:Some text}

", "
", "
" ] }, "Fomantic-UI Styled Accordion": { "prefix": "ui-accordion-styled", "description": "A styled accordion adds basic formatting", "body": [ "
", "
", " ", " ${2:Some title}", "
", "
", "

${3:Some text}

", "
", "
" ] }, "Fomantic-UI Fluid Accordion": { "prefix": "ui-accordion-fluid", "description": "An accordion can take up the width of its container", "body": [ "
", "
", " ", " ${2:Some title}", "
", "
", "

${3:Some text}

", "
", "
" ] }, "Fomantic-UI Default Advertisement": { "prefix": "ui-ad", "description": "A standard ad", "body": [ "
$0
" ] }, "Fomantic-UI Button Advertisement": { "prefix": "ui-ad-button", "description": "An ad can use button ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Skycraper Advertisement": { "prefix": "ui-ad-skycraper", "description": "An ad can use skyscraper ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Banner Advertisement": { "prefix": "ui-ad-banner", "description": "An ad can use banner ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Laderboards Advertisement": { "prefix": "ui-ad-laderboard", "description": "An ad can use leaderboard ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Panorama Advertisement": { "prefix": "ui-ad-panorama", "description": "An ad can use panorama ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Netboard Advertisement": { "prefix": "ui-ad-netboard", "description": "An ad can use netboard ad unit size", "body": [ "
$0
" ] }, "Fomantic-UI Default Breadcrumb": { "prefix": "ui-breadcrumb", "description": "A standard breadcrumb", "body": [ "
", " ${1:Home}", "
${2:/}
", " ${3:Store}", " ", "
" ] }, "Fomantic-UI Default Button CSS": { "prefix": "ui-button", "description": "Creates a default button", "body": [ "" ] }, "Fomantic-UI Animated Button CSS": { "prefix": "ui-button-animated", "description": "A button can animate to show hidden content", "body": [ "
", "
${1:Next}
", "
", " ${0:}", "
", "
" ] }, "Fomantic-UI Labeled Button CSS": { "prefix": "ui-button-labeled", "description": "A button can appear alongside a label", "body": [ "
", "
", " ${1: Like}", "
", " ", " ${0:2,048}", " ", "
" ] }, "Fomantic-UI Labeled Icon Button CSS": { "prefix": "ui-button-labeled-icon", "description": "A button can use an icon as a label", "body": [ "" ] }, "Fomantic-UI Icon Button CSS": { "prefix": "ui-button-icon", "description": "A button can have only an icon", "body": [ "" ] }, "Fomantic-UI Basic Button CSS": { "prefix": "ui-button-basic", "description": "A basic button is less pronounced", "body": [ "" ] }, "Fomantic-UI Tertiary Button CSS": { "prefix": "ui-button-tertiary", "description": "An none bordered less important button", "body": [ "" ] }, "Fomantic-UI Disabled Button CSS": { "prefix": "ui-button-disabled", "description": "A button can show it is currently unable to be interacted with", "body": [ "
", " ${0:Followed}", "
" ] }, "Fomantic-UI Loading Button CSS": { "prefix": "ui-button-loading", "description": "A button can show a loading indicator", "body": [ "
", " ${0:Loading}", "
" ] }, "Fomantic-UI Social Button CSS": { "prefix": "ui-button-social", "description": "A button can be formatted to link to a social website", "body": [ "
", " ", " ${0:Telegram}", "
" ] }, "Fomantic-UI Compact Button CSS": { "prefix": "ui-button-compact", "description": "A button can reduce its padding to fit into tighter spaces", "body": [ "
", " ${0:Hold}", "
" ] }, "Fomantic-UI Fluid Button CSS": { "prefix": "ui-button-fluid", "description": "A button can take the width of its container", "body": [ "
", " ${0:Hold}", "
" ] }, "Fomantic-UI Circular Button CSS": { "prefix": "ui-button-circular", "description": "A button can be circular", "body": [ "
", " ${0:}", "
" ] }, "Fomantic-UI Default Buttons CSS": { "prefix": "ui-buttons", "description": "Buttons can exist together as a group", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Icon Buttons CSS": { "prefix": "ui-buttons-icon", "description": "Button groups can show groups of icons", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Conditionals Buttons CSS": { "prefix": "ui-buttons-conditionals", "description": "Button groups can contain conditionals", "body": [ "
", " ", "
", " ", "
" ] }, "Fomantic-UI Default Calendar": { "prefix": "ui-calendar", "description": "A standard calendar", "body": [ "
", "
", " ", " ", "
", "
" ] }, "Fomantic-UI Inline Calendar": { "prefix": "ui-calendar", "description": "An inline calendar isn't shown in a popup", "body": [ "
", "
" ] }, "Fomantic-UI Disabled Calendar": { "prefix": "ui-calendar-disabled", "description": "A disabled calendar does not allow user interaction", "body": [ "
", "
", " ", " ", "
", "
" ] }, "Fomantic-UI Default Card": { "prefix": "ui-card", "description": "A single card.", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Image Card": { "prefix": "ui-card-image", "description": "A card can contain an image", "body": [ "
", "
", " ", "
", "
", " ${2:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Fluid Card": { "prefix": "ui-card-fluid", "description": "A fluid card takes up the width of its container", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Centered Card": { "prefix": "ui-card-centered", "description": "A card can center itself inside its container", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Horizontal Card": { "prefix": "ui-card-horizontal", "description": "A card can display horizontally", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Raised Card": { "prefix": "ui-card-raised", "description": "A card may be formatted to raise above the page.", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Stackable Card": { "prefix": "ui-card-stackable", "description": "A group of cards can automatically stack rows to a single columns on mobile devices", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Doubling Card": { "prefix": "ui-card-stackable", "description": "A group of cards can double its column width for mobile", "body": [ "
", "
", " ${1:Kristy}", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Default Cards": { "prefix": "ui-cards", "description": "A group of cards.", "body": [ "
", "
", "
", " ${1:Kristy}", "
", " ${2:Some text}", "
", "
", "
", " $0", "
" ] }, "Fomantic-UI Default Checkbox": { "prefix": "ui-checkbox", "description": "A standard checkbox", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Radio Checkbox": { "prefix": "ui-checkbox-radio", "description": "A checkbox can be formatted as a radio element. This means it is an exclusive option.", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Slider Checkbox": { "prefix": "ui-checkbox-slider", "description": "A checkbox can be formatted to emphasize the current selection state", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Toggle Checkbox": { "prefix": "ui-checkbox-toggle", "description": "A checkbox can be formatted to show an on or off choice", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Read-Only Checkbox": { "prefix": "ui-checkbox-read-only", "description": "A checkbox can be read-only and unable to change states", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Checked Checkbox": { "prefix": "ui-checkbox-read-only", "description": "A checkbox can be checked", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Disabled Checkbox": { "prefix": "ui-checkbox-disabled", "description": "A checkbox can be read-only and unable to change states", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Fitted Checkbox": { "prefix": "ui-checkbox-fitted", "description": "A fitted checkbox does not leave padding for a label", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Default Comment": { "prefix": "ui-comments", "description": "A basic list of comments", "body": [ "
", "
", " ", " ", " ", "
", " ${2:Elliot Fu}", " $0", "
", "
", "
" ] }, "Fomantic-UI Threaded Comment": { "prefix": "ui-comments-threaded", "description": "A comment list can be threaded to showing the relationship between conversations", "body": [ "
", "
", " ", " ", " ", "
", " ${2:Elliot Fu}", " $0", "
", "
", "
" ] }, "Fomantic-UI Minimal Comment": { "prefix": "ui-comments-minimal", "description": "Comments can hide extra information unless a user shows intent to interact with a comment.", "body": [ "
", "
", " ", " ", " ", "
", " ${2:Elliot Fu}", " $0", "
", "
", "
" ] }, "Fomantic-UI Default Container": { "prefix": "ui-tabular", "description": "Creates a tabular", "body": [ "
", "
${1:Tab}
", "
", "
", "

${2:Some Text!}

", "
" ] }, "Fomantic-UI Default Dimmer": { "prefix": "ui-dimmer", "description": "A dimmer can display or hide content", "body": [ "
", "
", " ${1:Some text}", "
", "
" ] }, "Fomantic-UI Page Dimmer": { "prefix": "ui-dimmer-page", "description": "A dimmer can be formatted to be fixed to the page", "body": [ "
", "
", " ${1:Some text}", "
", "
" ] }, "Fomantic-UI Active Dimmer": { "prefix": "ui-dimmer-active", "description": "An active dimmer will dim its parent container", "body": [ "
", "
", " ${1:Some text}", "
", "
" ] }, "Fomantic-UI Disabled Dimmer": { "prefix": "ui-dimmer-disabled", "description": "A disabled dimmer cannot be activated", "body": [ "
", "
", " ${1:Some text}", "
", "
" ] }, "Fomantic-UI Simple Dimmer": { "prefix": "ui-dimmer-simple", "description": "A dimmer can be controlled without Javascript", "body": [ "
", "
", " ${1:Some text}", "
", "
" ] }, "Fomantic-UI Default Divider": { "prefix": "ui-divider", "description": "Creates a divider", "body": [ "
", "$0" ] }, "Fomantic-UI Vertical Divider": { "prefix": "ui-divider-vertical", "description": "Creates a vertical divider", "body": [ "
", "$0" ] }, "Fomantic-UI Fitted Divider": { "prefix": "ui-divider-fitted", "description": "A divider can be fitted, without any space above or below it.", "body": [ "
", "$0" ] }, "Fomantic-UI Hidden Divider": { "prefix": "ui-divider-hidden", "description": "A hidden divider divides content without creating a dividing line", "body": [ "", "$0" ] }, "Fomantic-UI Section Divider": { "prefix": "ui-divider-section", "description": "A divider can provide greater margins to divide sections of content", "body": [ "
", "$0" ] }, "Fomantic-UI Clearing Divider": { "prefix": "ui-divider-clearing", "description": "A divider can clear the contents above it", "body": [ "
", "$0" ] }, "Fomantic-UI Default Dropdown CSS": { "prefix": "ui-dropdown", "description": "A dropdown", "body": [ "
", "
${1:File}
", " ", " $0", "
" ] }, "Fomantic-UI Inline Dropdown CSS": { "prefix": "ui-dropdown-inline", "description": "A dropdown can be formatted to appear inline in other content", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Pointing Dropdown CSS": { "prefix": "ui-dropdown-pointing", "description": "A dropdown can be formatted so that its menu is pointing", "body": [ "
", " ", " ", "
${2:Gender}
", " $0", "
" ] }, "Fomantic-UI Simple Dropdown CSS": { "prefix": "ui-dropdown-simple", "description": "A simple dropdown can open without Javascript", "body": [ "
", " ", " ", "
${2:Gender}
", " $0", "
" ] }, "Fomantic-UI Loading Dropdown CSS": { "prefix": "ui-dropdown-loading", "description": "A dropdown can show that it is currently loading data", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Active Dropdown CSS": { "prefix": "ui-dropdown-active", "description": "An active dropdown has its menu open", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Disabled Dropdown CSS": { "prefix": "ui-dropdown-disabled", "description": "A disabled dropdown menu or item does not allow user interaction", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Scrolling Dropdown CSS": { "prefix": "ui-dropdown-scroling", "description": "A dropdown can have its menu scroll", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Compact Dropdown CSS": { "prefix": "ui-dropdown-compact", "description": "A compact dropdown has no minimum width", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Fluid Dropdown CSS": { "prefix": "ui-dropdown-fluid", "description": "A dropdown can take the full width of its parent", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Selection Dropdown CSS": { "prefix": "ui-dropdown-selection", "description": "A dropdown can be used to select between choices in a form", "body": [ "
", " ", " ", "
${2:Gender}
", " $0", "
" ] }, "Fomantic-UI Search Selection Dropdown CSS": { "prefix": "ui-dropdown-selection-search", "description": "A selection dropdown can allow a user to search through a large list of choices.", "body": [ "
", " ", " ", "
${2:Gender}
", " $0", "
" ] }, "Fomantic-UI Clearable Selection Dropdown CSS": { "prefix": "ui-dropdown-selection-clearable", "description": "A clearable selection dropdown can allow a user to cancel to cancel a previous selection", "body": [ "
", " ", " ", "
${2:Gender}
", " $0", "
" ] }, "Fomantic-UI Loading Selection Dropdown CSS": { "prefix": "ui-dropdown-selection-loading", "description": "A dropdown can show that it is currently loading data", "body": [ "
", " Dropdown ", " $0", "
" ] }, "Fomantic-UI Default Embed": { "prefix": "ui-embed", "description": "An embed can display any web content", "body": [ "
$0
" ] }, "Fomantic-UI Simple Embed": { "prefix": "ui-embed-simple", "description": "An embed can display any web content with no JavaScript", "body": [ "
$0
" ] }, "Fomantic-UI Default Emoji CSS": { "prefix": "ui-emoji", "description": "You can provide the emoji shortname with or without colons", "body": [ "$0" ] }, "Fomantic-UI Default Feed": { "prefix": "ui-feed", "description": "A feed", "body": [ "
", "
", "
", " ", "
", "
", " ${0:Some text}", "
", "
", "
" ] }, "Fomantic-UI Default Flag CSS": { "prefix": "ui-flag", "description": "A flag can use the two digit country code, the full name, or a common alias", "body": [ "$0" ] }, "Fomantic-UI Default Flyout CSS": { "prefix": "ui-flyout", "description": "A standard flyout", "body": [ "
", " ", "
", " ", "
", " ${2:Some header}", "
", "
", "
", "

${3:Some text}

", "
", "
" ] }, "Fomantic-UI Default Form": { "prefix": "ui-form", "description": "A form", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Success Form": { "prefix": "ui-form-success", "description": "If a form is in an success state, it will automatically show any success message blocks.", "body": [ "
", "
", " ", " ", "
", " $0", "
" ] }, "Fomantic-UI Equal Width Form": { "prefix": "ui-form-equal-width", "description": "Individual fields may be disabled", "body": [ "
", "
", "
", " ", " ", "
", " $0", "
", "
" ] }, "Fomantic-UI Field Form": { "prefix": "ui-form-field", "description": "A field is a form element containing a label and an input", "body": [ "
", " ", " ", " $0", "
" ] }, "Fomantic-UI Fields Form": { "prefix": "ui-form-fields", "description": "A set of fields can appear grouped together", "body": [ "
", "
", " ", " ", "
", " $0", "
" ] }, "Fomantic-UI Grouped Fields Form": { "prefix": "ui-form-fields", "description": "Fields can show related choices", "body": [ "
", "
", " ", " ", "
", " $0", "
" ] }, "Fomantic-UI Equal Width Fields Form": { "prefix": "ui-form-fields", "description": "Fields can automatically divide fields to be equal width", "body": [ "
", "
", " ", " ", "
", " $0", "
" ] }, "Fomantic-UI Inline Fields Form": { "prefix": "ui-form-fields", "description": "Multiple fields may be inline in a row", "body": [ "
", "
", " ", " ", "
", " $0", "
" ] }, "Fomantic-UI Disabled Field Form": { "prefix": "ui-form-field-disabled", "description": "Individual fields may be disabled", "body": [ "
", " ", " ", " $0", "
" ] }, "Fomantic-UI Inline Field Form": { "prefix": "ui-form-field-inline", "description": "A field can have its label next to instead of above it.", "body": [ "
", " ", " ", " $0", "
" ] }, "Fomantic-UI Required Field Form": { "prefix": "ui-form-field-required", "description": "A field can show that input is mandatory", "body": [ "
", " ", " ", " $0", "
" ] }, "Fomantic-UI Default Grid CSS": { "prefix": "ui-grid", "description": "A grid is a structure with a long history used to align negative space in designs. Using a grid makes content appear to flow more naturally on your page.", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Row Grid CSS": { "prefix": "ui-grid-row", "description": "Rows are groups of columns which are aligned horizontally", "body": [ "
", "
", "
$0
", "
", "
" ] }, "Fomantic-UI Relaxed Grid CSS": { "prefix": "ui-grid-relaxed", "description": "Grid columns are separated by areas of white space referred to as \"gutters\". Gutters improve legibility by providing, negative space between page elements.", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Equal Width Grid CSS": { "prefix": "ui-grid-equal-width", "description": "The equal width variation will automatically divide column width evenly. This is useful with dynamic content where you do not know the column count in advance.", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Centered Grid CSS": { "prefix": "ui-grid-centered", "description": "The equal width variation will automatically divide column width evenly. This is useful with dynamic content where you do not know the column count in advance.", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Stackable Grid CSS": { "prefix": "ui-grid-stackable", "description": "A stackable grid will automatically stack rows to a single columns on mobile devices", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Reverse Grid CSS": { "prefix": "ui-grid-reverse", "description": "Fomantic includes special reversed variations that allow you to reverse the order of columns or rows by device", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Divided Grid CSS": { "prefix": "ui-grid-divided", "description": "A grid can have dividers between its columns or rows", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Celled Grid CSS": { "prefix": "ui-grid-celled", "description": "A grid can have rows divided into cells", "body": [ "
", "
$0
", "
" ] }, "Fomantic-UI Default Header CSS": { "prefix": "ui-header", "description": "Headers may be oriented to give the hierarchy of a section in the context of the page", "body": [ "${0:First header}" ] }, "Fomantic-UI Icon Header CSS": { "prefix": "ui-header-icon", "description": "A header can be formatted to emphasize an icon", "body": [ "", " ", "
", " ${0:Account Settings}", "
", "" ] }, "Fomantic-UI Sub Header CSS": { "prefix": "ui-header-sub", "description": "Headers may be formatted to label smaller or de-emphasized content.", "body": [ "", " ${0:Price}", "" ] }, "Fomantic-UI Disabled Header CSS": { "prefix": "ui-header-disabled", "description": "A header can show that it is inactive", "body": [ "", " ${0:Disabled Header}", "" ] }, "Fomantic-UI Dividing Header CSS": { "prefix": "ui-header-dividing", "description": "A header can be formatted to divide itself from the content below it", "body": [ "", " ${0:Dividing Header}", "" ] }, "Fomantic-UI Block Header CSS": { "prefix": "ui-header-block", "description": "A header can be formatted to appear inside a content block", "body": [ "", " ${0:Block Header}", "" ] }, "Fomantic-UI Default Icon CSS": { "prefix": "ui-icon", "description": "An icon set contains an arbitrary number of glyphs", "body": [ "$0" ] }, "Fomantic-UI Disabled Icon CSS": { "prefix": "ui-icon-disabled", "description": "An icon can show that it is disabled", "body": [ "$0" ] }, "Fomantic-UI Loading Icon CSS": { "prefix": "ui-icon-loading", "description": "An icon can be used as a simple loader", "body": [ "$0" ] }, "Fomantic-UI Fitted Icon CSS": { "prefix": "ui-icon-fitted", "description": "An icon can be fitted, without any space to the left or right of it.", "body": [ "$0" ] }, "Fomantic-UI Group Icon CSS": { "prefix": "ui-icon-group", "description": "Several icons can be used together as a group", "body": [ "", " ", " ", "$0" ] }, "Fomantic-UI Default Image CSS": { "prefix": "ui-image", "description": "An image", "body": [ "$0" ] }, "Fomantic-UI Disabled Image CSS": { "prefix": "ui-image-disabled", "description": "An image can show that it is disabled and cannot be selected", "body": [ "$0" ] }, "Fomantic-UI Avatar Image CSS": { "prefix": "ui-image-avatar", "description": "An image may be formatted to appear inline with text as an avatar", "body": [ "$0" ] }, "Fomantic-UI Bordered Image CSS": { "prefix": "ui-image-bordered", "description": "An image may include a border to emphasize the edges of white or transparent content", "body": [ "$0" ] }, "Fomantic-UI Fluid Image CSS": { "prefix": "ui-image-fluid", "description": "An image can take up the width of its container", "body": [ "$0" ] }, "Fomantic-UI Rounded Image CSS": { "prefix": "ui-image-rounded", "description": "An image may appear rounded", "body": [ "$0" ] }, "Fomantic-UI Circular Image CSS": { "prefix": "ui-image-circular", "description": "An image may appear circular", "body": [ "$0" ] }, "Fomantic-UI Default Input CSS": { "prefix": "ui-input", "description": "A standard input", "body": [ "
", " ", "
" ] }, "Fomantic-UI Disabled Input CSS": { "prefix": "ui-input-disabled", "description": "An input field can show that it is disabled", "body": [ "
", " ", "
" ] }, "Fomantic-UI Error Input CSS": { "prefix": "ui-input-error", "description": "An input field can show the data contains errors", "body": [ "
", " ", "
" ] }, "Fomantic-UI Icon Input CSS": { "prefix": "ui-input-icon", "description": "An input can be formatted with an icon", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Labeled Input CSS": { "prefix": "ui-input-labeled", "description": "An input can be formatted with a label", "body": [ "
", "
", " ${1:http://}", "
", " ", "
" ] }, "Fomantic-UI Action Input CSS": { "prefix": "ui-input-action", "description": "An input can be formatted to alert the user to an action they may perform", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Transparent Input CSS": { "prefix": "ui-input-transparent", "description": "A transparent input has no background", "body": [ "
", " ", "
" ] }, "Fomantic-UI Fluid Input CSS": { "prefix": "ui-input-fluid", "description": "An input can take the size of its container", "body": [ "
", " ", "
" ] }, "Fomantic-UI TextArea Input CSS": { "prefix": "ui-input-textarea", "description": "Using the input class you can also use some features on textarea aswell", "body": [ "
", " ", "
" ] }, "Fomantic-UI Default Items": { "prefix": "ui-items", "description": "A group of items.", "body": [ "
", "
", " ${1:
", " ", "
}", "
", " ${3:Header}", "
", " ${4:Description}", "
", "
", "

${5:Some text}

", "
", " ${6:
", " Additional Details", "
}", "
", "
", "
" ] }, "Fomantic-UI Default Label CSS": { "prefix": "ui-label", "description": "A label", "body": [ "
", " ", " ${0:Some text}", "
" ] }, "Fomantic-UI Image Label CSS": { "prefix": "ui-label-image", "description": "A label can be formatted to emphasize an image", "body": [ "
", " ", " ${0:Some text}", "
" ] }, "Fomantic-UI Pointing Label CSS": { "prefix": "ui-label-pointing", "description": "A label can point to content next to it", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Corner Label CSS": { "prefix": "ui-label-corner", "description": "A label can position itself in the corner of an element", "body": [ "
", " ", "
" ] }, "Fomantic-UI Tag Label CSS": { "prefix": "ui-label-tag", "description": "A label can appear as a tag", "body": [ "${0:New}" ] }, "Fomantic-UI Ribbon Label CSS": { "prefix": "ui-label-ribbon", "description": "A label can appear as a ribbon attaching itself to an element.", "body": [ "${0:New}" ] }, "Fomantic-UI Attached Label CSS": { "prefix": "ui-label-attached", "description": "A label can attach to a content segment", "body": [ "
${0:HTML}
" ] }, "Fomantic-UI Horizontal Label CSS": { "prefix": "ui-label-attached", "description": "A horizontal label is formatted to label content along-side it horizontally", "body": [ "
${0:Fruit}
" ] }, "Fomantic-UI Floating Label CSS": { "prefix": "ui-label-floating", "description": "A label can float above or below another element.", "body": [ "
${0:22}
" ] }, "Fomantic-UI Detail Label CSS": { "prefix": "ui-label-detail", "description": "A label can float above or below another element.", "body": [ "
", " ${1:Dogs}", "
${0:214}
", "
" ] }, "Fomantic-UI Icon Label CSS": { "prefix": "ui-label-detail", "description": "A label can float above or below another element.", "body": [ "
", " ", " ${0:Dogs}", "
" ] }, "Fomantic-UI Circular Label CSS": { "prefix": "ui-label-circular", "description": "A label can be circular", "body": [ "${0:2}" ] }, "Fomantic-UI Basic Label CSS": { "prefix": "ui-label-basic", "description": "A label can reduce its complexity", "body": [ "${0:Basic}" ] }, "Fomantic-UI Default List CSS": { "prefix": "ui-list", "description": "A list groups related content", "body": [ "
", "
${0:Apples}
", "
" ] }, "Fomantic-UI Bulleted List CSS": { "prefix": "ui-list-bulleted", "description": "A list can mark items with a bullet", "body": [ "
", "
${0:Apples}
", "
" ] }, "Fomantic-UI Ordered List CSS": { "prefix": "ui-list-ordered", "description": "A list can be ordered numerically", "body": [ "
", "
${0:Apples}
", "
" ] }, "Fomantic-UI Lik List CSS": { "prefix": "ui-list-link", "description": "A list can be specially formatted for navigation links", "body": [ "
", "
${1:Home}
", " ${0:About}", "
" ] }, "Fomantic-UI Horizontal List CSS": { "prefix": "ui-list-horizontal", "description": "A list can be formatted to have items appear horizontally", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Selection List CSS": { "prefix": "ui-list-selection", "description": "A selection list formats list items as possible choices", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Animated List CSS": { "prefix": "ui-list-animated", "description": "A list can animate to set the current item apart from the list", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Relaxed List CSS": { "prefix": "ui-list-relaxed", "description": "A list can relax its padding to provide more negative space", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Divided List CSS": { "prefix": "ui-list-divided", "description": "A list can show divisions between content", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Celled List CSS": { "prefix": "ui-list-divided", "description": "A list can divide its items into cells", "body": [ "
", "
", "
", " ${0:Helen}", "
", "
", "
" ] }, "Fomantic-UI Default Loader CSS": { "prefix": "ui-loader", "description": "A loader", "body": [ "
$0
" ] }, "Fomantic-UI Active Loader CSS": { "prefix": "ui-loader-active", "description": "A loader can be active or visible", "body": [ "
" ] }, "Fomantic-UI Disabled Loader CSS": { "prefix": "ui-loader-disabled", "description": "A loader can be disabled or hidden", "body": [ "
" ] }, "Fomantic-UI Inline Loader CSS": { "prefix": "ui-loader-inline", "description": "Loaders can appear inline with content", "body": [ "
" ] }, "Fomantic-UI Double Loader CSS": { "prefix": "ui-loader-double", "description": "Loaders can also appear in double animation style. Can be combined with any color or speed.", "body": [ "
" ] }, "Fomantic-UI Elastic Loader CSS": { "prefix": "ui-loader-elastic", "description": "Loaders can also appear in elastic animation style. Can be combined with any color or speed.", "body": [ "
" ] }, "Fomantic-UI Default Menu": { "prefix": "ui-menu", "description": "Creates a menu", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Secondary Menu": { "prefix": "ui-menu-secondary", "description": "A menu can adjust its appearance to de-emphasize its contents", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Pointing Menu": { "prefix": "ui-menu-pointing", "description": "A menu can point to show its relationship to nearby content", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Tabular Menu": { "prefix": "ui-menu-tabular", "description": "A menu can be formatted to show tabs of information", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Text Menu": { "prefix": "ui-menu-text", "description": "A menu can be formatted for text conten", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Vertical Menu": { "prefix": "ui-menu-vertical", "description": "A vertical menu displays elements vertically..", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Pagination Menu": { "prefix": "ui-menu-pagination", "description": "A pagination menu is specially formatted to present links to pages of content", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Fiexd Menu": { "prefix": "ui-menu-fixed", "description": "A menu can be fixed to a side of its context", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Stackable Menu": { "prefix": "ui-menu-stackable", "description": "A menu can stack at mobile resolutions", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Icon Menu": { "prefix": "ui-menu-icon", "description": "A menu may have just icons", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Fluid Menu": { "prefix": "ui-menu-fluid", "description": "A vertical menu may take the size of its container. (A horizontal menu does this by default)", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Compact Menu": { "prefix": "ui-menu-compact", "description": "A menu can take up only the space necessary to fit its content", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Borderless Menu": { "prefix": "ui-menu-borderless", "description": "A menu item or menu can have no borders", "body": [ "
", " ${0:Some text}", "
" ] }, "Fomantic-UI Default Message": { "prefix": "ui-message", "description": "A basic message", "body": [ "
", "
", "
", " ${1:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Icon Message": { "prefix": "ui-message-icon", "description": "A basic message", "body": [ "
", "
", " ", "
", " ${2:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Hidden Message": { "prefix": "ui-message-hidden", "description": "A message can be hidden", "body": [ "" ] }, "Fomantic-UI Visible Message": { "prefix": "ui-message-visible", "description": "A message can be set to visible to force itself to be shown.", "body": [ "
", "
", "
", " ${1:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Floating Message": { "prefix": "ui-message-floating", "description": "A message can float above content that it is related to", "body": [ "
", "
", "
", " ${1:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Compact Message": { "prefix": "ui-message-compact", "description": "A message can only take up the width of its content.", "body": [ "
", "
", "
", " ${1:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Attached Message": { "prefix": "ui-message-attached", "description": "A message can be formatted to attach itself to other content", "body": [ "
", "
", "
", " ${1:Header}", "
", "

${0:Some text}

", "
", "
" ] }, "Fomantic-UI Default Modal": { "prefix": "ui-modal", "description": "A standard modal", "body": [ "
", " ", "
", " ${1:Some header}", "
", "
", " ${2:Some Text}", "
", "
" ] }, "Fomantic-UI Basic Modal": { "prefix": "ui-modal-basic", "description": "A modal can reduce its complexity", "body": [ "
", " ", "
", " ${1:Some header}", "
", "
", " ${2:Some Text}", "
", "
" ] }, "Fomantic-UI Basica Modal": { "prefix": "ui-modal-active", "description": "An active modal is visible on the page", "body": [ "
", " ", "
", " ${1:Some header}", "
", "
", " ${2:Some Text}", "
", "
" ] }, "Fomantic-UI Default Placeholder": { "prefix": "ui-placeholder", "description": "A placeholder is used to reserve space for content that soon will appear in a layout.", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Fluid Placeholder": { "prefix": "ui-placeholder-fluid", "description": "A fluid placeholder takes up the width of its container", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Default Popup": { "prefix": "ui-popup", "description": "Creates a popup", "body": [ "
", "
${1:User Rating}
", "
" ] }, "Fomantic-UI Fluid Popup": { "prefix": "ui-popup-fluid", "description": "A fluid popup will take up the entire width of its offset container", "body": [ "
", "
${1:User Rating}
", "
" ] }, "Fomantic-UI Flowing Popup": { "prefix": "ui-popup-flowing", "description": "A popup can have no maximum width and continue to flow to fit its content", "body": [ "
", "
${1:User Rating}
", "
" ] }, "Fomantic-UI Default Progress": { "prefix": "ui-progress", "description": "A standard progress bar", "body": [ "
", "
", " ${1:
}", "
", "
" ] }, "Fomantic-UI Indicating Progress": { "prefix": "ui-progress-indicating", "description": "An indicating progress bar visually indicates the current level of progress of a task", "body": [ "
", "
", " ${1:
}", "
", "
" ] }, "Fomantic-UI Active Progress": { "prefix": "ui-progress-active", "description": "A progress bar can show activity", "body": [ "
", "
", " ${1:
}", "
", "
" ] }, "Fomantic-UI Disabled Progress": { "prefix": "ui-progress-disabled", "description": "A progress bar can be disabled", "body": [ "
", "
", " ${1:
}", "
", "
" ] }, "Fomantic-UI Indeterminate Progress": { "prefix": "ui-progress-indeterminate", "description": "A progress bar can be shown in different indeterminate states.", "body": [ "
", "
", " ${1:
}", "
", "
" ] }, "Fomantic-UI Default Rail": { "prefix": "ui-rail", "description": "A rail can be presented on the left or right side of a container", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Internal Rail": { "prefix": "ui-rail-internal", "description": "A rail can attach itself to the inside of a container", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Dividing Rail": { "prefix": "ui-rail-dividing", "description": "A rail can create a division between itself and a container", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Attached Rail": { "prefix": "ui-rail-dividing", "description": "A rail can appear attached to the main viewport", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Close Rail": { "prefix": "ui-rail-close", "description": "A rail can appear closer to the main viewport", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Default Rating": { "prefix": "ui-rating", "description": "A basic rating", "body": [ "
" ] }, "Fomantic-UI Basic Rating": { "prefix": "ui-rating-basic", "description": "A rating can be started done without JavaScript", "body": [ "
" ] }, "Fomantic-UI Disabled Rating": { "prefix": "ui-rating-disabled", "description": "A rating can be started in non-interactive mode by adding a disabled class", "body": [ "
" ] }, "Fomantic-UI Fade Reveal": { "prefix": "ui-reveal-fade", "description": "An element can disappear to reveal content below", "body": [ "
", "
", " ${1:}", "
", "
", " ${3:}", "
", "
" ] }, "Fomantic-UI Move Reveal": { "prefix": "ui-reveal-move", "description": "An element can move in a direction to reveal content", "body": [ "
", "
", " ${1:}", "
", "
", " ${3:}", "
", "
" ] }, "Fomantic-UI Rotate Reveal": { "prefix": "ui-reveal-rotate", "description": "An element can rotate to reveal content below", "body": [ "
", " ", " ", "
" ] }, "Fomantic-UI Instant Reveal": { "prefix": "ui-reveal-instant", "description": "An element can show its content without delay", "body": [ "
", "
", " ${2:}", "
", "
", " ${4:}", "
", "
" ] }, "Fomantic-UI Disabled Reveal": { "prefix": "ui-reveal-disabled", "description": "A disabled reveal will not animate when hovered", "body": [ "
", "
", " ${2:}", "
", "
", " ${4:}", "
", "
" ] }, "Fomantic-UI Default Search": { "prefix": "ui-search", "description": "A search can display a set of results", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Category Search": { "prefix": "ui-search-category", "description": "A search can display results from remote content ordered by categories", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Loading Search": { "prefix": "ui-search-loading", "description": "A search can show a loading indicator", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Disabled Search": { "prefix": "ui-search-disabled", "description": "A search can show it is currently unable to be interacted with", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Scrolling Search": { "prefix": "ui-search-scrolling", "description": "A search can have its results scroll.", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Fluid Search": { "prefix": "ui-search-fluid", "description": "A search can have its results take up the width of its container", "body": [ "
", " ", "
", "
" ] }, "Fomantic-UI Default Segment": { "prefix": "ui-segment", "description": "A segment of content", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Placeholder Segment": { "prefix": "ui-segment-placeholder", "description": "A segment of content", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Raised Segment": { "prefix": "ui-segment-raised", "description": "A segment may be formatted to raise above the page.", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Stacked Segment": { "prefix": "ui-segment-stacked", "description": "A segment can be formatted to show it contains multiple pages", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Piled Segment": { "prefix": "ui-segment-piled", "description": "A segment can be formatted to look like a pile of pages", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Vertical Segment": { "prefix": "ui-segment-vertical", "description": "A vertical segment formats content to be aligned as part of a vertical group", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Basic Segment": { "prefix": "ui-segment-basic", "description": "A basic segment has no special formatting", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Secondary Segment": { "prefix": "ui-segment-basic", "description": "A basic segment has no special formatting", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Disabled Segment": { "prefix": "ui-segment-disabled", "description": "A segment may show its content is disabled", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Padded Segment": { "prefix": "ui-segment-padded", "description": "A segment may show its content is disabled", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Fitted Segment": { "prefix": "ui-segment-fitted", "description": "A segment can remove its padding, vertically or horizontally", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Compact Segment": { "prefix": "ui-segment-compact", "description": "A segment may take up only as much space as is necessary", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Circular Segment": { "prefix": "ui-segment-circular", "description": "A segment can be circular", "body": [ "
", " $0", "
" ] }, "Fomantic-UI Group Segments": { "prefix": "ui-segments", "description": "A group of segments can be formatted to appear together", "body": [ "
", "
", " $1", "
", " $1", "
" ] }, "Fomantic-UI Horizontal Segments": { "prefix": "ui-segments-horizontal", "description": "A segment group can appear horizontally", "body": [ "
", "
", " $1", "
", " $1", "
" ] }, "Fomantic-UI Compact Segments": { "prefix": "ui-segments-compact", "description": "A segment group can appear horizontally", "body": [ "
", "
", " $1", "
", " $1", "
" ] }, "Fomantic-UI Default Shape": { "prefix": "ui-shape", "description": "A shape is a three dimensional object including any flat content as a side.", "body": [ "
", "
", "
", "
", " ${1:Some text!}", "
", "
", "
", "
", " ${2:Some text!}", "
", "
", "
", "
" ] }, "Fomantic-UI Cube Shape": { "prefix": "ui-shape-cube", "description": "A cube shape is formatted so that each side is the face of a cube", "body": [ "
", "
", "
", "
", " ${1:Some text!}", "
", "
", "
", "
", " ${2:Some text!}", "
", "
", "
", "
" ] }, "Fomantic-UI Text Shape": { "prefix": "ui-shape-text", "description": "A text shape is formatted to allow for sides of text to be displayed", "body": [ "
", "
", "
", "
", " ${1:Some text!}", "
", "
", "
", "
", " ${2:Some text!}", "
", "
", "
", "
" ] }, "Fomantic-UI Default Sidebar-": { "prefix": "ui-sidebar", "description": "Creates a sidebar", "body": [ "
", " ", " ${1:Some text!}", " ", "
", "
", " ${2:}", "
" ] }, "Fomantic-UI Visible Sidebar-": { "prefix": "ui-sidebar-visible", "description": "A sidebar can be visible on the page", "body": [ "
", " ", " ${1:Some text!}", " ", "
", "
", " ${2:}", "
" ] }, "Fomantic-UI Dimmed Sidebar-": { "prefix": "ui-sidebar-dimmed", "description": "A pusher can be dimmed", "body": [ "
", " ", " ${1:Some text!}", " ", "
", "
", " ${2:}", "
" ] }, "Fomantic-UI Default Slider": { "prefix": "ui-slider", "description": "Creates a slider", "body": [ "
" ] }, "Fomantic-UI Labeled Slider": { "prefix": "ui-slider-labeled", "description": "A slider that show its labels", "body": [ "
" ] }, "Fomantic-UI Labeled Ticked Slider": { "prefix": "ui-slider-labeled-ticked", "description": "A slider that show its labels and ticks", "body": [ "
" ] }, "Fomantic-UI Range Slider": { "prefix": "ui-slider-range", "description": "A range slider which allow you to select a range between two values", "body": [ "
" ] }, "Fomantic-UI Disabled Slider": { "prefix": "ui-slider-disabled", "description": "A slider can appear disabled", "body": [ "
" ] }, "Fomantic-UI Reversed Slider": { "prefix": "ui-slider-disabled", "description": "A slider can be reversed", "body": [ "
" ] }, "Fomantic-UI Vertical Slider": { "prefix": "ui-slider-vertical", "description": "A slider can be vertical", "body": [ "
" ] }, "Fomantic-UI Default Statistic": { "prefix": "ui-statistic", "description": "A statistic can display a value with a label above or below it.", "body": [ "
", "
", " ${1:5,550}", "
", "
", " ${2:Downloads}", "
", "
" ] }, "Fomantic-UI Horizontal Statistic": { "prefix": "ui-statistic-horizontal", "description": "A statistic can present its measurement horizontally", "body": [ "
", "
", " ${1:5,550}", "
", "
", " ${2:Downloads}", "
", "
" ] }, "Fomantic-UI Stackable Statistic": { "prefix": "ui-statistic-stackable", "description": "A statistic can automatically stack rows to a single columns on mobile devices", "body": [ "
", "
", " ${1:5,550}", "
", "
", " ${2:Downloads}", "
", "
" ] }, "Fomantic-UI Default Statistics": { "prefix": "ui-statistics", "description": "A group of statistics", "body": [ "
", "
", "
", " ${1:5,550}", "
", "
", " ${2:Downloads}", "
", "
", " $0", "
" ] }, "Fomantic-UI Default Step": { "prefix": "ui-step", "description": "A single step", "body": [ "
", " ${1:Shipping}", "
" ] }, "Fomantic-UI Completed Step": { "prefix": "ui-step-completed", "description": "A completed step", "body": [ "
", " ${1:Shipping}", "
" ] }, "Fomantic-UI Active Step": { "prefix": "ui-step-active", "description": "A active step", "body": [ "
", " ${1:Shipping}", "
" ] }, "Fomantic-UI Icon Step": { "prefix": "ui-step-icon", "description": "A icon step", "body": [ "
", " ", "
", " ${2:Some text}", "
", "
" ] }, "Fomantic-UI Disabled Step": { "prefix": "ui-step-disabled", "description": "A disabled step", "body": [ "
", " ${1:Shipping}", "
" ] }, "Fomantic-UI Default Steps": { "prefix": "ui-steps", "description": "A set of steps", "body": [ "
", "
", "
", " ${1:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Vertical Steps": { "prefix": "ui-steps-vertical", "description": "A set of vertical steps", "body": [ "
", "
", "
", " ${1:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Stackable Steps": { "prefix": "ui-steps-stackable", "description": "A step can stack vertically only on smaller screens", "body": [ "
", "
", "
", " ${2:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Unstackable Steps": { "prefix": "ui-steps-unstackable", "description": "A step can prevent itself from stacking on mobile", "body": [ "
", "
", "
", " ${1:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Fluid Steps": { "prefix": "ui-steps-fluid", "description": "A fluid step takes up the width of its container", "body": [ "
", "
", "
", " ${1:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Attached Steps": { "prefix": "ui-steps-attached", "description": "Steps can be attached to other elements", "body": [ "
", "
", "
", " ${2:Some text}", "
", "
", " $0", "
" ] }, "Fomantic-UI Default Stiky": { "prefix": "ui-stiky", "description": "Sticky content stays fixed to the browser viewport while another column of content is visible on the page.", "body": [ "
$0
" ] }, "Fomantic-UI Active Container": { "prefix": "ui-tabular-active", "description": "A tab can be activated, and visible on the page", "body": [ "
", "
${1:Tab}
", "
", "
", "

${2:Some Text!}

", "
" ] }, "Fomantic-UI Loading Container": { "prefix": "ui-tabular-loading", "description": "A tab can display a loading indicator", "body": [ "
", "
${1:Tab}
", "
", "
", "

${2:Some Text!}

", "
" ] }, "Fomantic-UI Default Table": { "prefix": "ui-table", "description": "A standard table", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Definition Table": { "prefix": "ui-table-definition", "description": "A table may be formatted to emphasize a first column that defines a rows content", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Structured Table": { "prefix": "ui-table-structured", "description": "A table can be formatted to display complex structured data", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Single Line Table": { "prefix": "ui-table-single-line", "description": "A table can specify that its cell contents should remain on a single line, and not wrap.", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Fixed Table": { "prefix": "ui-table-fixed", "description": "A table can use table-layout: fixed a special faster form of table rendering that does not resize table cells based on content.", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Stackable Table": { "prefix": "ui-table-stackable", "description": "A table can specify how it stacks table content responsively", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Untackable Table": { "prefix": "ui-table-unstackable", "description": "A table can specify how it stacks table content responsively", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Striped Table": { "prefix": "ui-table-striped", "description": "A table can stripe alternate rows of content with a darker color to increase contrast", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Celled Table": { "prefix": "ui-table-celled", "description": "A table may be divided each row into separate cells", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Basic Table": { "prefix": "ui-table-basic", "description": "A table can reduce its complexity to increase readability.", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Collapsing Table": { "prefix": "ui-table-collapsing", "description": "A table can be collapsing, taking up only as much space as its rows.", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Sortable Table": { "prefix": "ui-table-sortable", "description": "A table may allow a user to sort contents by clicking on a table header.", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Padded Table": { "prefix": "ui-table-padded", "description": "A table may sometimes need to be more padded for legibility", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Compact Table": { "prefix": "ui-table-compact", "description": "A table may sometimes need to be more compact to make more rows visible at a time", "body": [ "", " ", " ", " ", " ", " ", " ", " ", " ", " ", " $0", " ", "
${1:Name}
${2:James}
" ] }, "Fomantic-UI Default Text": { "prefix": "ui-text", "description": "A text is always used inline and uses one color from the FUI color palette", "body": [ "${3:Some Text}$0" ] } }